Javascript фида Instagram на моем сайте не будет работать - PullRequest
Новая
       26

Javascript фида Instagram на моем сайте не будет работать

1 голос
/ 20 марта 2019

Эй, я пытаюсь реализовать этот скрипт codepen:

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

На моем сайте http://mariumarif.co.uk/index.php

Но это не будет работать на моем сайте

Я сгенерировал и ввел весь свой «идентификатор клиента», «секретный код» и т. д. в кодовое поле, и оно работает в кодовом блоке с моим инстаграмом: 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>

1 Ответ

1 голос
/ 20 марта 2019

Откройте консоль (F12). Это говорит:

Uncaught ReferenceError: Instafeed не определен

Итак, как сказано в инструкциях («Используйте CDN или разместите скрипт самостоятельно»), включите эту зависимость перед запуском кода, и вы должны быть хороши: 

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