Instagram embeds.js库没有加载

Question

我有一个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动态添加嵌入时嵌入不起作用

https://wordpress.stackexchange.com/questions/170857/problems-using-wps-oembed-function-instagram-ajax

https://instagram.com/developer/embedding/?hl=en

Answer 1

发生这种情况是因为您没有正确构建执行顺序.您应首先加载嵌入代码,然后再加载回调调用instgrm.Embeds.process().通过附加OMITSCRIPT=true到您的嵌入网址,确保每个嵌入都不包含embeds.js .而是将embeds.js包含在页面上的脚本标记中一次.