instagram嵌入加载后的Javascript回调？

我正在尝试用砖石将多个Instagram插件平铺起来。问题是instagram在加载后嵌入了更改大小的内容，因此布局会留下间隙

当页面上的所有instagram嵌入都已加载时，我是否可以使用回调？我想我应该在Instagram嵌入程序加载并正确调整大小后再次触发砌体

尝试了

$（document）.ajaxStop（）

不起作用

有一个解决方案可用于检测（事件回调）元素大小。您可以将每个嵌入包括在一个元素（

）中，并将调整大小侦听器附加到您的div。只要有调整大小的命令，就触发它。如果重新排列触发器使其过度饱和，请在重新调整大小事件发生时设置一个超时（500ms），使其仅在稳定时间后重新排列

---

resize监听器可用。

在使用Twitter Javascript嵌入代码时，由于AJAX请求，我在处理调整大小时遇到了一个问题。我使用以下代码解决了此问题：

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

---

当在id为

div

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

为什么不先从instagram加载它，然后渲染

砌体

？您是否对这些嵌入进行了硬编码？他们是否遵守任何选择规则（某些标签的最后一张图片，特定用户的最后一张图片）？在我看来，您应该向Instagram API发出请求，同时获取所有照片，并使用响应（json）创建自己的html。但是这个方法取决于你是如何选择照片的。@aswzen是的，这正是我想要做的，想详细说明一下如何实现吗？现在发生的情况是，当页面加载时，instagram嵌入部分加载（以文本形式），然后iam假设它发出ajax调用来加载iframe的图像和样式表。我需要一种方法来知道嵌入已正确完成加载，以便触发masonry@LéoMuniz我目前正在将嵌入代码复制到一个新帖子中（通过文本选项卡上的wordpress TinyMCE编辑器），我有几个单独的帖子。我删除了我的答案，因为我不理解这个问题。听起来不错，虽然我有点担心使用超时。我也将尝试一下ASAPWorks与Instagram的完美结合。。我使用它来获取div的最终高度，但是它返回了旧的高度，所以我使用

window.setTimeout（'function（）'，50）现在它工作得很好