具有packery的同位素给出错误:无布局模式: packery

Question

我正在尝试将Isotope用于packery，但我一直收到以下错误" error : No layout mode: 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();

   });

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

使用最小化的I get Error: No layout mode: packery

对于普通的，我得到了TypeError:外层是未定义的

Answer 1

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