Freewall.js mehrere pinterest Layout auf einer Seite

Question

Ich versuche, mehrere pinterest Layout auf einer Seite, nicht verschachtelt, nur einige, mit freewall.js. Jede div Ich möchte das Layout anwenden hat eine .free-wall Klasse und jeder Baustein hat eine .brick Klasse. Ich habe versucht, das verschachtelte Layout anzupassen, funktioniert aber nicht. Alle Ideen sind willkommen. Danke.

Mein Skript:

$(function() { 
 
     $(".free-wall").each(function() { 
 
     var wall = new Freewall(this); 
 
      wall.reset({ 
 
       selector: '.brick', 
 
       animate: true, 
 
       cellW: 200, 
 
       cellH: 'auto', 
 
       onResize: function() { 
 
        wall.fitWidth(); 
 
       } 
 
      }); 
 
      wall.container.find('.brick img').load(function() { 
 
       wall.fitWidth(); 
 
      }); 
 

 
     }); 
 

 
    });

Answer 1

Fehler war die Linie 1, guter Code:

jQuery(function ($) { 
 
     $(".free-wall").each(function() { 
 
     var wall = new Freewall(this); 
 
      wall.reset({ 
 
       selector: '.brick', 
 
       animate: true, 
 
       cellW: 200, 
 
       cellH: 'auto', 
 
       onResize: function() { 
 
        wall.fitWidth(); 
 
       } 
 
      }); 
 
      wall.container.find('.brick img').load(function() { 
 
       wall.fitWidth(); 
 
      }); 
 

 
     }); 
 

 
    });