Freewall Pinterest布局不起作用

Question

我正在嘗試使用布局pinterest但未成功：

用法：

var wall = new freewall("#pinterest");
wall.reset({
    selector: '.pin',
    cellW: 200,
    cellH: 'auto',
    onResize: function() { return wall.fitWidth(); }
});

return wall.container.find('.pin img').load(function() {
    return wall.fitWidth();
});

下面的示例： http : //jsfiddle.net/1kbpkh80/1/

Answer 1

Dont change the selector class as .pin keep this .brick
    <script type="text/javascript">
                var wall = new freewall("#pinterest");
                wall.reset({ 
                    selector: '.brick',
                    cellW: 200,
                    cellH: 'auto',
                    onResize: function() {
                        wall.fitWidth();
                    }
                });

                wall.container.find('.brick img').load(function() { 
                    wall.fitWidth();
                });

    </script>

For refrence check this link http://vnjs.net/www/project/freewall/example/pinterest-layout.html