Не могу понять, почему мои фотографии из Instagram не отображаются в Instafeed?

Я использую Instafeed. Не могу понять, почему на сайте ничего не отображается. Я помогаю кому-то с их блогом, и они сгенерировали свой токен доступа.

Это код, который у меня есть. Все находится в конце тега body. Я заблокировал токен доступа и идентификатор пользователя, я слышал, что этой информацией нужно поделиться.

<div id='instafeed'></div>

<!-- jQuery library -->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'/>

<!-- Latest compiled JavaScript -->
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'/>

<!-- Latest Instafeed -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/instafeed.js/1.4.1/instafeed.min.js'/>

<script type='text/javascript'>
    //<![CDATA[

    var feed = new Instafeed({
        get: 'user',
        userId: *********,
        limit:5,
        sortBy:'most-recent',
        accessToken:'*********************',
        template:'<li><a href='{{link}}' target='_blank'><img src='{{image}}'/><div class='insta-likes'><div style='display: table; vertical-align: middle; height: 100%; width: 100%;'><span style='display: table-cell; vertical-align: middle; height: 100%; width: 100%;'>{{likes}} <i class='fa fa-heart'/><br/>{{comments}} <i class='fa fa-comment'/></span></div></div></a></li>',
        resolution:'standard_resolution';
    });
    feed.run();
    //]]>
</script>


javascript instagram instafeedjs
person Jessica    schedule 14.03.2017    source источник
comment
Видели ли вы какие-либо сообщения на вашей JS-консоли?   -  person bruno    schedule 14.03.2017
comment
Да, Uncaught SyntaxError: неожиданный токен {   -  person Jessica    schedule 14.03.2017
comment
Конкретно по шаблону: '‹li›‹a href='{{link}}'   -  person Jessica    schedule 14.03.2017

Ответы (1)


arrow_upward
0
arrow_downward

Избегайте использования одинарных кавычек внутри и снаружи одной и той же строки Javascript.

Попробуйте это с двойными кавычками и одинарными кавычками:

var feed = new Instafeed({
    get: 'user',
    userId: *********,
    limit:5,
    sortBy:'most-recent',
    accessToken:'*********************',
    template:"<li><a href='{{link}}' target='_blank'><img src='{{image}}'/><div class='insta-likes'><div style='display: table; vertical-align: middle; height: 100%; width: 100%;'><span style='display: table-cell; vertical-align: middle; height: 100%; width: 100%;'>{{likes}} <i class='fa fa-heart'/><br/>{{comments}} <i class='fa fa-comment'/></span></div></div></a></li>",
    resolution:'standard_resolution';
});
feed.run();
person bruno    schedule 14.03.2017
comment
Спасибо, это исправило ошибку, но у меня есть другая. Uncaught Error: Ошибка из Instagram: предоставленный access_token недействителен. Думаю, мне следует попросить ее сгенерировать еще один. - person Jessica; 14.03.2017
comment
Спасибо за помощь! - person Jessica; 14.03.2017