Javascript 带封隔器的同位素出现错误:无布局模式:封隔器

Javascript 带封隔器的同位素出现错误:无布局模式:封隔器,javascript,jquery,jquery-isotope,packery,Javascript,Jquery,Jquery 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.mi

我试图使用同位素与派克,但我不断得到以下错误 错误:无布局模式:打包

代码如下:

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>
我试过缩小版和普通版

缩小后,我得到错误:无布局模式:封隔器


对于正常版本,我得到TypeError:Outlayer未定义

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

   var $portfolio = $('.isotope');
   $portfolio.imagesLoaded(function() {
       $portfolio.isotope({
         layoutMode: 'packery',
           isOriginLeft: true,
           stagger: 30,
           masonry: {
             percentPosition: true
           },
           packery: {
            gutter: 10
          }
       });
       $portfolio.isotope();

   });