Comment basculer entre les modes de mise en page d'Isotope?

Question

Deux questions, tout le monde:

1) Comment faire basculer Isotope allumé et éteint?

2) Comment basculer les modes de mise en page? C'est-à-dire comment puis-je passer de ceci:

 $('.content').isotope({  itemSelector : '.hentry',
                          layoutMode : 'cellsByRow',
                          cellsByRow : { columnWidth : 240, rowHeight : 360 } });

pour ça:

 $('.content').isotope({  itemSelector : '.hentry',
                          layoutMode : 'masonry'});

avec un simple interrupteur de clic? Des idées?

Merci!

Answer 1

Voir http://jsfiddle.net/desandro/dbgfa/

1) Pour désactiver l'isotope après l'avoir initialisé, utilisez le Méthode de détruire

$('.content').isotope('destroy')

Puis rallumez-le en déclenchant à nouveau l'isotope

$('.content').isotope( /* options */ )

2) Vous modifieriez les modes de mise en page, tout comme votre exemple de code, en définissant le LayoutMode dans les options. Cela déclenchera également une recouchage et la mise en page changera.