同位素库错误：未捕获错误没有布局模式包装行8

Question

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

我正在使用isotope v2和最新的packery下载。每一个其他布局都可以工作，甚至不包括在像fitRows和fitColumns这样的同位素js中。但随着包装我从同位素得到这个错误：

未捕获错误：无布局模式：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的实际库。您正在加载库，这会给您错误。他们不一样。下载并安装同位素包装布局js，你会发现它有效。

这是更新的codepen

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