javascript - Instafeed JS 未加载

标签 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>

最佳答案

您还需要包含您的访问 token 从这里获取您的访问 token :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();

关于javascript - Instafeed JS 未加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50767598/

相关文章:

html - 如何强制行及其列使用​​其父元素 (jumbotron) 高度的 100%

javascript - 不明白为什么我的 Instagram 照片没有出现在 Instafeed 上?

instafeedjs - Instafeed 访问 token 身份验证问题

Javascript/JSON 警报返回未定义

html - 对齐模态框中所有卡片的内容

javascript - `Math.trunc` vs `|0` vs `<<0` vs `>>0` vs `&-1` vs `^0`

css - 卡体内容溢出包含卡

javascript - instafeedjs不打印屏幕图片和文本

javascript - 如何在单击按钮时获取 slider 值?

javascript - 在 1.5 中访问组件 $scope inside 指令