freewall.js Jquery 插件：在第一页加载时不起作用答案

【问题标题】：freewall.js Jquery plugin : not working on first page loadfreewall.js Jquery 插件：在第一页加载时不起作用
【发布时间】：2015-07-29 12:53:51
【问题描述】：

我正在为具有网格样式布局的页面使用 freewall jquery 插件 (http://vnjs.net/www/project/freewall/)...

在 IE 和 firefox 上一切正常。该插件在页面加载（或浏览器调整大小）并且内容自行排列到网格时被调用。

除了在 Chrome 中，它没有。仅在调整浏览器窗口大小或刷新插件时才起作用。

这是我用来调用插件的脚本：

<script type="text/javascript">
        var wall = new freewall("#press_holder ul");
        wall.reset({
            selector: '.brick',
            animate: true,
            cellW: 245,
            cellH: '280',
            rightToLeft: true,
            onResize: function() {
                wall.fitWidth();
            }
        });
        var images = wall.container.find('.brick');
        images.find('img').load(function() {
            wall.fitWidth();
        });

</script>

这个问题听起来与插件的 github 页面 (https://github.com/kombai/freewall/issues/90) 上发布的问题非常相似，并且给出的解决方案与我的代码非常相似，只是封装在一个函数中。

我自己试过这个，并调用函数 onLoad 但这似乎没有任何区别...... github上的回复也指的是特定于该特定问题的变量（allhtml），所以我不确定如何将其应用于我的代码。

有什么建议吗？

【问题讨论】：

您是否得到了有效的答案？我正在经历同样的事情。
对不起，不，我没有...放弃并改用砌体插件...

标签： jquery freewalljs

【解决方案1】：

尝试在您的 HTML 中添加以下代码。

$(document).ready(function() 
     {
        $(document).resize();
     });

【讨论】：

【解决方案2】：

您的代码没有任何问题。只需在代码中添加wall.fitWidth();：

<script type="text/javascript">
    var wall = new freewall("#press_holder ul");
    wall.reset({
        selector: '.brick',
        animate: true,
        cellW: 245,
        cellH: '280',
        rightToLeft: true,
        onResize: function() {
            wall.fitWidth();
        }
    });

     wall.fitWidth(); //add this line of code

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

</script>

【讨论】：