代码之家 › 专栏 › 技术社区 › Ketan

Instafeed不显示源

instafeedjs feed instagram wordpress

Ketan · 技术社区 · 8 年前

我正在使用 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中出错,并且未显示提要。

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

1 回复 | 直到 8 年前

Samvel Aleqsanyan Tejas Shah 8 年前

尝试在延迟函数中包装代码,如下所示:

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

另一个解决方案是 instafeed。最小js 输入代码之前的文件 Dom :在标题、正文中,直到您的代码。在这种情况下,您可以使用您的代码,而无需包装延迟函数

推荐文章

Marcin Budzy · Twenty 24 Wordpess主题的子菜单隐藏在图库下方(响应式灯箱和图库)(Wordpress)

1 年前

Cairan Van Rooyen · 为什么我的Grafana iframe不会显示在我的Wordpress网站上?

1 年前

Eiman Maghfouri · woocommerce _可购买的编辑挂钩

1 年前

OÄuz Erdem · chrome浏览器和iOS safari浏览器的页脚行为不同

1 年前

JapeNZ · 通过自定义cron作业函数向WooCommerce产品添加产品标签

1 年前

Mohammed Malleck · 在WooCommerce管理员编辑订单页面中隐藏客户IP地址

1 年前

Javad Hamashbouri · 不显示ajax警报

1 年前

Eduardo Relax · 如何获取WooCommerce产品类别url以在HTML元标记中显示?

1 年前

Stamp · 自定义字段未显示在WordPress REST API响应中

1 年前

pawan19 · WordPress的Nginx设置:面临301重定向问题

1 年前