2015-12-23 6 views
2

Я использую embeds.js для отображения сообщений instagram на веб-сайте. со ссылкой на https://www.instagram.com/developer/embedding/instagram embeds.js обработчик, чтобы знать, когда загружен iframe

Я использую также widgets.js для щебета и с ним я могу загрузить упрек, установить обработчик, чтобы получить, когда 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.

сторона примечание: приложение выполнено с угловым/jquery, поэтому обходное решение может быть выполнено с этими библиотеками.

Спасибо заранее, Даниэле

ответ

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> 

Вы можете генерировать IFRAME Instagram встраивать кодирования с использованием gramfeed: http://gramfeed.com/instagram/embed

Добавить onload="someFunction()" в код встроенного кода iframe.

1

Я нашел решение, если вы не можете использовать iframe.

window.__igEmbedLoaded = function(loadedItem) { 
    // do something here... 
}; 
Смежные вопросы