Isotope avec Packery donne Erreur: Aucun mode de mise en page: Packery

Question

Im essayant d'utiliser Isotope avec Packery mais je garde geting l'erreur suivante "Erreur: Aucun mode de mise en page: Packery"

Heres le code:

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(); 

    }); 

Je J'ai essayé à la fois la version minifiée et la normale.

Avec le minified je reçois Erreur: Aucun mode de mise en page: Packery

Avec la normale, je me TypeError: Outlayer est définie

Answer 1

Votre aide de la mauvaise version de l'isotope. Vous devez utiliser la version actuelle, v3, here, pas v2.2.2. Vous devez également charger packery-mode.pkgd.min.js après isotope.