带有包装的同位素给出错误：无布局模式：包装

Question

我正在尝试将 Isotope 与 packery 一起使用，但我不断收到以下错误 “错误：无布局模式：packery”

代码如下：

HTML：

      <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();

   });

缩小版和普通版我都试过了。

缩小后出现错误：无布局模式：打包

正常的我得到 TypeError: Outlayer is undefined

Answer 1

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