同位素与packery给出了错误：没有布局模式：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

随着正常的，我得到类型错误：Outlayer未定义

Answer 1

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