JavaScript同位素库 - 两个活动标签？

Question

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

第一个图库工作正常但第二个图库在点击其中一个标签之前没有显示任何内容。

这是我的代码：

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

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

    filterList.init()
});

第二个图库是过滤器：＆＃39; .jab＆＃39;，为什么在.shute版本的默认情况下，这个加载是否会失败？

感谢。

Answer 1

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

<强>代码：

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

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