同位素库错误：未捕获的错误无布局模式包装线 8

Question

我正在尝试使用 packery 作为我画廊的布局。我正在使用带有同位素库的fancybox。我认为fancybox 不是问题。

我正在使用 isotope v2 和最新的 packery 下载。其他所有布局都有效，即使是同位素 js 中未包含的布局，如 fitRows 和 fitColumns。但是使用packery，我从同位素中得到了这个错误：

未捕获的错误：无布局模式：packery isotope.pkgd.js 第 8 行

这是一个关于 codepen 的示例：http://codepen.io/anon/pen/QwXEvr

JS：

jQuery('.fancybox').fancybox({
        openEffect: 'none',
        closeEffect: 'none'
    }); 

$('#testing').isotope({
   'layoutMode': 'packery';
  'itemSelector' :'.item';
});

Answer 1

有两个 Packery，您想要的 packery layoutmode 用于同位素和名为 packery 的实际库。您正在加载库，这会给您带来错误。他们不一样。下载并安装isotope packery layout js，你会看到它的工作。

这是更新后的codepen

$('#testing').isotope({
'layoutMode': 'packery',
'itemSelector' :'.item'
});