Question

我正在使用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），所以我是不知道如何将它应用于我的代码。

有什么建议吗？

Answer 1

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

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

Answer 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>

freewall.js Jquery插件：不在第一页加载

2 个答案: