Freewall.js多个pinterest布局在一个页面上

Question

我尝试在一个页面上使用多个pinterest布局，而不是嵌套，只有几个，与freewall.js。每个div我想申请的布局有一个.free-wall类，每个砖有一个.brick类。我试图调整嵌套布局，但不起作用。所有的想法都会受到欢迎。谢谢。

我的脚本：

$(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

误差为1号线，好的代码：

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

 
     }); 
 

 
    });