我正在使用Instafeed。我无法弄清楚为什么网站上没有出现任何内容。我正在帮助某人使用他们的博客并且他们生成了访问令牌。
这是我的代码。一切都在身体标签的末尾。我阻止了访问令牌和用户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>
答案 0 :(得分: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();