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

Question

我试图将Isotope与包装一起使用但我仍然保持以下错误 “错误：没有布局模式：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();

   });

我已经尝试了缩小版和正常版。

随着缩小我得到错误：没有布局模式：packery

正常情况下，我得到TypeError：Outlayer未定义

Answer 1

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