Isotope with packery gives Error: No layout mode: 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();

   });

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

缩小后我得到错误：无布局模式：packery

在正常情况下我得到 TypeError: Outlayer is undefined

Answer 1

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

Isotope with packery gives Error: No layout mode: packery

Isotope with packery gives Error: No layout mode: packery

javascript

jquery

jquery-isotope

packery