ISOTOPE 过滤 - 需要从所有过滤器中隐藏项目

Question

我想知道是否可以从“全部”过滤器中隐藏项目。我有动态项目被拉入同位素网格。在这个网格的末尾，我有硬编码的地图。这些地图中的每一个我都给出了一个数据过滤器。因此，当单击过滤器时，网格将出现在其下方的地图。我的问题是，在所有过滤器上。出现了8张地图。

使用同位素是否可以从“所有”类别中隐藏这些硬编码地图？

代码：

<div class="item stores-grid <?php foreach(get_the_category() as $category) {echo $category->slug . ' ';} ?><?php echo $postclass; ?>">
    <div class="threegrid-img">
        <a href="<?php the_permalink(); ?>"><?php getCustomField('Store Logo'); ?></a>
    </div>
</div>

<?php endwhile; ?>

<!-- BEGIN MAPS -->

<div class="item">
    <img style="border:none;" src="<?php bloginfo("template_url"); ?>/images/store-maps/all.png" alt="" />
</div>

<div class="item fashion">
    <img style="border:none;" src="<?php bloginfo("template_url"); ?>/images/store-maps/fashion.png" alt="" />
</div>

<div class="item food-drink-eateries">
    <img style="border:none;" src="<?php bloginfo("template_url"); ?>/images/store-maps/food-drink-eateries.png" alt="" />
</div>

<div class="item gifts">
    <img style="border:none;" src="<?php bloginfo("template_url"); ?>/images/store-maps/gifts.png" alt="" />
</div>

<div class="item grocery">
    <img style="border:none;" src="<?php bloginfo("template_url"); ?>/images/store-maps/grocery.png" alt="" />
</div>

<div class="item health-beauty">
    <img style="border:none;" src="<?php bloginfo("template_url"); ?>/images/store-maps/health-beauty.png" alt="" />
</div>

<div class="item leisure-entertainment">
    <img style="border:none;" src="<?php bloginfo("template_url"); ?>/images/store-maps/leisure-entertainment.png" alt="" />
</div>

<div class="item other">
    <img style="border:none;" src="<?php bloginfo("template_url"); ?>/images/store-maps/other.png" alt="" />
</div>

<div class="item shoe-stores">
    <img style="border:none;" src="<?php bloginfo("template_url"); ?>/images/store-maps/shoe-stores.png" alt="" />
</div>

<!-- END MAPS -->

Answer 1

您可以隐藏同位素之外的元素，它应该在计算中使用它。尝试将元素隐藏在 jquery 中，看看是否适合您。