javascript - jquery.masonry。imagesLoaded 插件未在其中运行

Question

我应该添加到这个脚本中以便在头部运行。当我把它放在身体的末端时，它运行良好。我认为这是由于脚本在加载图像之前启动的事实。示例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>