使用定义的 class 启动同位素

Question

我需要通过仅显示具有 class "destaque".

的 div 来启动同位素

目前，我的脚本在加载时会显示从 CMS 加载的所有项目，但是如果我单击过滤器按钮：

<li data-filter=".destaque" class="active">Todos</li>

它会显示我想要的项目。

--

如何开始同位素显示只是用这个 class div?

Answer 1

var $gridExperiencia = $('#experiencia-grid').isotope({
        filter: '.destaque',
        itemSelector: '.element-item',
        transitionDuration: '0.7s',
        masonry: {
            gutter: 25
        }
    });

我只是使用 filter: '.destaque',

使用定义的 class 启动同位素

Start the Isotope with the defined class

jquery-isotope

jquery-masonry