JavaScript Isotope Gallery - 两个活动标签？

Question

我正在尝试在我的网站（两个单独的页面）上加载两个 Isotope 图库，但只有一个 JavaScript 函数运行图库。

第一个图库工作正常，但第二个图库在单击其中一个选项卡之前不显示任何内容。

这是我的代码：

$(function() {
    var filterList = {
        init: function() {
            $('#portfoliolist').mixItUp({
                selectors: {
                    target: '.portfolio',
                    filter: '.filter'
                },

                load: {
                    filter: '.shute',
                    filter: '.jab'
                }
            });
        }
    };

    filterList.init()
});

第二个图库是过滤器：“.jab”，为什么 .shute 会默认加载？

谢谢。

Answer 1

尝试使用 filter: $('.shute, .jab') 而不是定义 filter 两次。

代码：

$('#portfoliolist').mixItUp({
  selectors: {
    target: '.portfolio',
    filter: '.filter'
  },

  load: {
    filter: $('.shute, .jab')
  }
});

JavaScript Isotope Gallery - 两个活动标签？

JavaScript Isotope Gallery - two active tabs?

javascript

jquery-isotope