Instafeed JS没有加载

时间:2018-06-08 19:53:51

标签: javascript bootstrap-4 instafeedjs

我正在尝试测试instafeed.js而我无法在简单的引导程序页面上加载它

我的页面上的所有内容都会加载,包括此容器,但它没有任何Instagram代码的空白。

我在我的根目录下载了instafeed js文件夹。工作文件与此instafeed文件夹位于同一文件夹中,并且min.js文件位于此处。

显然,我的客户端ID被省略了,但除此之外,我在这里做错了什么?

以下是我目前与此相关的代码块:

<head>
<script type="text/javascript" src="instafeed.js-master/instafeed.min.js"></script>
</head>

<div class="container">
    <div id="instafeed"></div>  
</div>


<script type="text/javascript">
$(document).ready(function() {
  var feed = new Instafeed({
    clientId: 'myclientid',
    limit: '4'
    });
  feed.run();
});
</script>

1 个答案:

答案 0 :(得分:1)

您还需要包含访问令牌 从此处获取您的访问令牌:http://instagramwordpress.rafsegat.com/docs/get-access-token/

这是我的样本,

set "header=field1;field2;field3;field4;field5;field6;field7;field8"
if ($instafeed.length) {
            var feed = new Instafeed({
                get: 'user',
                limit: 8,
                userId: userId,
                accessToken: accessToken,
                template: '<a target="_blank" href="{{link}}"><img src="{{image}}" /><div class="instagram-post-stats"><div class="likes">{{likes}}</div><div class="comments">{{comments}}</div></div><i class="fa fa-instagram"></i></a>',
                resolution: 'standard_resolution',
                sortBy: 'most-recent',
            });
        }
            feed.run();