Isotope Gallery Error: Uncaught Error No layout mode packery line 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 that you want, for isotope and the actual library called packery。您正在加载库，这会给您带来错误。它们不一样。下载并安装 isotope packery layout js，你会看到它的工作。

这是更新后的 codepen

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

Isotope Gallery Error: Uncaught Error No layout mode packery line 8

Isotope Gallery Error: Uncaught Error No layout mode packery line 8

javascript

lazy-loading

jquery-isotope