Question

我正在使用embeds.js在网站上显示Instagram帖子。提到https://www.instagram.com/developer/embedding/

我也使用widgets.js作为twitter，我可以加载一个twit，设置一个处理程序，以便在iframe准备就绪时以这种方式调用twttr.widgets.load（）：

twttr.events.bind('rendered', function (event) {
    //do something when the iframe is ready
});
twttr.widgets.load();

有没有人知道是否有相似的功能或者可以在instagram iframe准备就绪时获得解决方法？

加载Instagram帖子后，我使用：

instgrm.Embeds.process();

渲染iFrame。

旁注：应用程序是使用angular / jquery创建的，因此可以使用这些库完成解决方法。

提前致谢，丹尼尔

Answer 1

如果你不能使用iframe嵌入，我找到了一个解决方案。

window.__igEmbedLoaded = function( loadedItem ) {
  // do something here...
};

Answer 2

只需使用iframe Instagram嵌入并使用onload事件处理程序来触发函数：

<script>
function doSomething(){
   alert("Instagram embed loaded");
}
</script>

<iframe onload="doSomething()" src="https://www.instagram.com/p/8_kRtJBsBq/embed" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

您可以使用gramfeed生成iframe Instagram嵌入编码： http://gramfeed.com/instagram/embed

将onload="someFunction()"添加到生成的iframe嵌入代码中。

instagram embeds.js处理程序知道何时加载iframe

2 个答案: