javascript - Packery 的同位素给出错误 : No layout mode: packery

Question

我尝试将同位素与 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();

   });

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

使用缩小后，我得到错误:无布局模式:packery

使用普通的，我得到 TypeError: Outlayer is undefined

Answer 1

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