同位素库误差:未明误差无布局模式包装第8行

Question

我试图使用包装作为我的画廊的布局。我在用fancybox和同位素库。我不认为fancybox是问题所在。

我正在使用同位素v2和最新的打包下载。每一个其他布局都可以工作，甚至不包括在同位素js (如fitRows和fitColumns )中的布局。但是在包装过程中，我从同位素中得到了这个错误：

未明错误:无布局模式: packery isotope.pkgd.js第8行

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

联署材料：

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

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

Answer 1

有两个Packery的，你想要的packery布局模式，同位素和实际的图书馆叫做帕克利。您正在加载库，这将导致错误。他们不一样。下载并安装同位素包装布局js，您将看到它的工作。

下面是更新的码页

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