Javascript 加载 instagram 嵌入后回调？
Javascript callback after instagram embeds have loaded?
我正在尝试使用 Masonry 平铺多个 Instagram 嵌入。问题是 instagram 嵌入在加载后会更改大小，因此布局会留下空白。
当页面上的所有 instagram 嵌入都已加载时，我可以使用回调吗？我在想我应该在 Instagram 嵌入加载并正确调整大小后再次触发砌体
试过$(document).ajaxStop()没用
Daniel Buchner 提供了一个解决方案，您可以使用它来检测（事件回调）元素大小调整。您可以将每个嵌入包装在一个元素中 (<div>)，并将调整大小的侦听器附加到您的 div。每当调整大小时，触发 Masonry。如果重新排列触发器使它变得过度饱和，请在调整大小事件发生时设置超时（500 毫秒）以仅在稳定期后重新排列。
调整大小侦听器可用 here。
当我使用 Twitter Javascript 嵌入代码时，由于 AJAX 请求，我在处理调整大小时遇到了问题。我使用以下代码解决了这个问题：
$('#div').bind("DOMSubtreeModified", function() {
// ...
});
当在 id 为 div 的 div 元素下修改元素时，将执行此代码。这非常有用。如果您需要更多帮助，请不要害怕对此答案发表评论。
我正在尝试使用 Masonry 平铺多个 Instagram 嵌入。问题是 instagram 嵌入在加载后会更改大小，因此布局会留下空白。
当页面上的所有 instagram 嵌入都已加载时，我可以使用回调吗？我在想我应该在 Instagram 嵌入加载并正确调整大小后再次触发砌体
试过$(document).ajaxStop()没用
Daniel Buchner 提供了一个解决方案，您可以使用它来检测（事件回调）元素大小调整。您可以将每个嵌入包装在一个元素中 (<div>)，并将调整大小的侦听器附加到您的 div。每当调整大小时，触发 Masonry。如果重新排列触发器使它变得过度饱和，请在调整大小事件发生时设置超时（500 毫秒）以仅在稳定期后重新排列。
调整大小侦听器可用 here。
当我使用 Twitter Javascript 嵌入代码时，由于 AJAX 请求，我在处理调整大小时遇到了问题。我使用以下代码解决了这个问题：
$('#div').bind("DOMSubtreeModified", function() {
// ...
});
当在 id 为 div 的 div 元素下修改元素时，将执行此代码。这非常有用。如果您需要更多帮助，请不要害怕对此答案发表评论。