jquery.masonry。 imagesLoaded插件不在< head>中运行

问题描述

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

What I should add to this script for running in head. When I put in the end of body it run well. I think this is due to the fact that the script starts before images are loaded. Example http://masonry.desandro.com/docs/intro.html

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

推荐答案

正文（也是容器）不存在。在 head 中，您应该将代码包装在 $（document）.ready（function（）{...}）; ：

The body (also the container) doesn't exist when the code will be executed. In the head you should wrap your code in a $(document).ready(function() { ... });:

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

这篇关于jquery.masonry。 imagesLoaded插件不在< head>中运行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！