Question

我应该添加到此脚本中以便在head中运行。当我放入身体的末端时，它运行良好。我认为这是因为脚本在加载图像之前启动。示例http://masonry.desandro.com/docs/intro.html

<script>var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector : '.item',
columnWidth : 300 
 });
});
</script>

Answer 1

执行代码时，body（也是container）不存在。在head中，您应该将代码包装在$(document).ready(function() { ... });：

中

<script>
$(document).ready(function() {
    var $container = $('#container');
    $container.imagesLoaded(function(){
        $container.masonry({
            itemSelector : '.item',
            columnWidth : 300 
        });
    });
});
</script>

jquery.masonry。 imagesLoaded插件未运行

1 个答案: