1

我正在使用Instafeed。我无法弄清楚为什么网站上什么也没有出现。我正在帮助某人写博客，他们生成了访问令牌。

这是我的代码。一切都在body标签的末尾。我屏蔽了访问令牌和用户 ID，我听说应该共享此信息。

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

4

1 回答 1

0

避免在同一个 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();
于 2017-03-14T16:31:21.633 回答