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

时间:2013-08-16 16:28:55

标签: jquery jquery-isotope

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

使用同位素可以隐藏“全部”类别中的这些硬编码地图吗?

CODE:

<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 -->

1 个答案:

答案 0 :(得分:0)

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