同位素與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。