同位素库错误:未捕获错误无布局模式包装生产线8

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

本文关键字：错误 模式 布局 包装 生产线 同位素      更新时间：2023-09-26

我正在尝试使用packery作为我的图库的布局。我正在使用带有同位素库的fancybox。我不认为幻想盒是个问题。

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

未捕获错误：无布局模式：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';
});

有两个Packery，即同位素的Packery布局模式和称为Packery的实际库。您正在加载库，这会导致错误。它们不一样。下载并安装同位素包装布局js，您就会看到它的工作原理。

这是一个更新的代码笔

$('#testing').isotope({
'layoutMode': 'packery',
'itemSelector' :'.item'
});
相关文章：