我有一个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一次包含在页面的脚本标签中。

10-07 23:24