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

时间:2016-07-23 13:48:33

标签: javascript jquery pinterest freewalljs

我尝试在一个页面上使用多个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();
            });

        });

    });




1 个答案:

答案 0 :(得分:0)

错误是第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();
            });

        });

    });