Question

我试图用Masonry拼贴多个Instagram嵌入。问题是instagram在加载后嵌入了更改大小，因此布局留下了空白。

当页面上的所有Instagram嵌入都加载后，我可以使用回调吗？我认为我应该在Instagram嵌入加载并正确调整大小后再次触发砌体

尝试$(document).ajaxStop()没有工作

Answer 1

当我使用Twitter Javascript嵌入代码时，我遇到了由于AJAX请求而导致调整大小的问题。我通过使用以下代码解决了这个问题：

$('#div').bind("DOMSubtreeModified", function() {
    // ...
});

当在id为div的div元素下修改元素时，将执行此代码。这非常有用。如果您需要更多帮助，请不要害怕对此答案发表评论。

Answer 2

有Daniel Buchner的解决方案可用于检测（事件回调）元素大小调整。您可以将每个嵌入包装在一个元素（<div>）中，并将调整大小的侦听器附加到您的div。每当有大小调整时，触发砌体。如果重置触发器过度饱和，则在调整大小事件发生时设置超时（500ms），仅在稳定时段后重新排列。

调整大小侦听器可用here。