Instafeed JS 未加载

Question

我正在尝试测试 instafeed.js，但无法在简单的 bootstrap 页面上加载它

我页面上的所有内容都已加载，包括此容器，但它是空的，没有任何 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>

Answer 1

您还需要包括您的访问令牌从这里获取您的访问令牌：http://instagramwordpress.rafsegat.com/docs/get-access-token/

这是我的样本，

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();

        });
    }
        feed.run();

Instafeed JS 未加载

Instafeed JS not loading

javascript

bootstrap-4

instafeedjs