我有一个JavaScript函数,可为Instagram帖子加载HTML嵌入代码。帖子出现,但照片被灰色背景和Instagram徽标代替。该帖子确实包含其他信息,例如标签,发布的时间和用户名。我认为问题在于Instagram embeds.js JavaScript库无法正确加载。我知道我可以手动执行此操作,但是在语法和代码位置方面却遇到了困难。下面是我的代码。
<script type="text/javascript">
var auto_refresh = setInterval(
(function () {
$("#latestData").load("displayPost.php");//displayPost.php "echo" html embed code
}), 10000);
</script>
<div id="latestData"></div>
<script src="https://platform.instagram.com/en_US/embeds.js"></script>
<script>if ( typeof window.instgrm !== 'undefined' ) {
window.instgrm.Embeds.process();
}</script>
我用这些来尝试解决这个问题。
Instagram embeds not working when adding embeds dynamically
https://wordpress.stackexchange.com/questions/170857/problems-using-wps-oembed-function-instagram-ajax
https://instagram.com/developer/embedding/?hl=en
最佳答案
发生这种情况是因为您没有正确构造执行顺序。您应该先加载嵌入代码,然后在回调调用instgrm.Embeds.process()
中加载。通过将OMITSCRIPT=true
附加到嵌入URL,确保每个嵌入都不包含embeds.js。而是将embeds.js一次包含在页面的脚本标签中。