我遇到一个小问题,其中两个砌块在加载时重叠。两个块都包含使用脚本添加内容的空div。一个是instafeed显示最新的instagram图像,另一个显示最新的推文。如果我调整窗口大小,那么它们堆叠得很好。
我尝试过使用下面的.imagesLoaded方法,但这并没有改变任何东西。无论如何,推文块只是文本。
<script>
$(document).ready( function() {
var $container = $('#container').imagesLoaded( function() {
$container.masonry({
"gutter": ".gutter-sizer",
"itemSelector": ".item",
"stamp": ".stamp"
});
});
});
</script>
如果我使用以下内容,则会修复除IE9以外的所有浏览器:
<script>
$(window).load(function(){
$('#container').masonry({
"gutter": ".gutter-sizer",
"itemSelector": ".item",
"stamp": ".stamp"
});
});
</script>
我怀疑它可能与其他两个脚本之前的砌体加载有关,但我不知道如何解决它。
感谢您的期待!