同位素库错误:未捕获错误没有布局模式包装行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'
});