wordpress - 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 未定义

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错误的原因。

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