为了在 head 中运行,我应该添加到此脚本中的内容。当我放在 body 的末端时,它运行良好。我认为这是由于脚本在加载图像之前启动。示例 http://masonry.desandro.com/docs/intro.html
<script>var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector : '.item',
columnWidth : 300
});
});
</script>
最佳答案
执行代码时,body
(也是container
)并不存在。在 head
中,您应该将代码包装在 $(document).ready(function() { ... });
中:
<script>
$(document).ready(function() {
var $container = $('#container');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector : '.item',
columnWidth : 300
});
});
});
</script>
关于javascript - jquery.砌体。 imagesLoaded 插件未在 <head> 中运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10083628/