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 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

Answer 1

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