同位素与包装给出错误:无布局模式:包装

Question

我试图将同位素与包装一起使用，但我不断收到以下错误 "错误：无布局模式：包装">

这是代码：

目录 ：

<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script src="https://raw.githubusercontent.com/metafizzy/isotope-packery/master/packery-mode.pkgd.min.js"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.2/isotope.pkgd.min.js"></script>

Javascript/Jquery ：

var $portfolio = $('.isotope');
$portfolio.imagesLoaded(function() {
$portfolio.isotope({
layoutMode: 'packery',
isOriginLeft: true,
stagger: 30,
masonry: {
percentPosition: true
},
packery: {
gutter: 10
}
});
$portfolio.isotope();
});

我已经尝试了缩小版本和普通版本。

缩小后我得到错误：没有布局模式：包装

对于普通的，我得到类型错误：外层未定义

Answer 1

您使用了错误版本的同位素。您需要在此处使用当前版本 v3，而不是 v2.2.2。您还需要在同位素之后加载packery-mode.pkgd.min.js。