Question

嘿，我正在尝试实现此Codepen脚本：

http://mariumarif.co.uk/index.php

在我的网站https://www.instagram.com/mariumarif_hairstylist/

但是在我的网站上无法使用

我已经生成了所有“客户ID”，“秘密代码”等并将其输入到Codepen中，并且可以在Instagram和{@ 3}的Codepen中使用

不确定为什么在我的网站上无法使用。有任何想法吗？

// 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>

我网站上的Instagram feed javascript无法正常工作

1 个答案: