Instafeed 不显示提要

Question

我正在使用 http://instafeedjs.com/ 在我的 WordPress 网站中显示 Instagram 提要。

我已经包含了这个文件：

<script type="text/javascript" src="path/to/instafeed.min.js"></script> 

<script type="text/javascript">
var feed = new Instafeed({
    get: 'tagged',
    tagName: 'awesome',
    clientId: 'YOUR_CLIENT_ID'
});
feed.run();

并添加到页面中 <div id="instafeed"></div>。但是这显示

ReferenceError: Instafeed is not defined

Firebug 中出现错误，提要未显示。

有人知道解决这个问题的方法吗？

Answer 1

尝试将您的代码包装在一些延迟函数中，如下所示：

<script type="text/javascript">
   jQuery(document).ready(function(){
      var feed = new Instafeed({
      get: 'tagged',
      tagName: 'awesome',
      clientId: 'YOUR_CLIENT_ID'
      });

     feed.run();
   });
</script>

您在代码后调用了 in‌stafeed.min.js，这就是为什么会出现 Not Defined 错误。

另一个解决方案是在 Dom 中的代码之前调用 in‌stafeed.min.js 文件：在 header 中，在 body 中，直至您的代码。在这种情况下，您可以使用您的代码而无需包装延迟函数

Instafeed 不显示提要

Instafeed not display feeds

wordpress

feed

instagram

instafeedjs