我网站上的 Instagram 提要 javascript 不起作用

Question

嘿，我正在尝试实现这个 codepen 脚本：

https://codepen.io/matthewelsom/pen/zrrrLN

在我的网站http://mariumarif.co.uk/index.php

但它在我的网站上不起作用

我已经生成并将我所有的“客户 ID”“秘密代码”等输入到 codepen 中，它可以在我的 instagram 的 codepen 中工作： https : //www.instagram.com/mariumarif_hairstylist/

不知道为什么它在我的网站上不起作用。 有任何想法吗？

 // Use the CDN or host the script yourself // https://cdnjs.cloudflare.com/ajax/libs/instafeed.js/1.4.1/instafeed.min.js // https://matthewelsom.com/assets/js/libs/instafeed.min.js var userFeed = new Instafeed({ get: 'user', userId: 'MY_USER_ID', clientId: 'MY_CLIENT_ID', accessToken: 'MY_ACCESS_TOKEN', resolution: 'standard_resolution', template: '<a href="{{link}}" target="_blank" id="{{id}}"><img src="{{image}}" /></a>', sortBy: 'most-recent', limit: 17, links: true }); userFeed.run();

 #instafeed { max-width: 1080px; width: 100%; margin: auto; display: flex; flex-wrap: wrap; } #instafeed a { display: flex; align-items: center; position: relative; width: 50%; background: white; } @media only screen and (min-width: 580px) { #instafeed a { width: 25%; } } #instafeed a img { display: block; width: 100%; }

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

Answer 1

打开您的控制台 (F12)。 它说 ：

未捕获的 ReferenceError：Instafeed 未定义

因此，正如说明所说（“使用 CDN 或自己托管脚本”）在运行代码之前包含此依赖项，您应该很好：

<script src="https://cdnjs.cloudflare.com/ajax/libs/instafeed.js/1.4.1/instafeed.min.js"></script>