我尝试将instafeed.js用于我的本地网站。但我不明白为什么我的帐户中的图片不显示?
我的代码
连接instafeed.js和我编写脚本的文件
<script type="text/javascript" src="js/instafeed.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
图像部分
<section class="instagram-wrap">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="instagram-content">
<h3>Latest Photos</h3>
<div class="row photos-wrap">
<div id="inst"></div>
</div>
</div>
</div>
</div>
</div>
</section>
和app.js
具有不安全的值
$(function() {
var feed = new Instafeed({
get: 'user',
userId: ID,
accessToken: 'Token',
target: 'inst',
links: true,
limit: 8,
useHttp: true,
sortBy: 'most-recent',
resolution: 'standard_resolution',
template: '<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="photo-box">
<div class="image-wrap">
<img src="http:{{image}}"/>
</div>
<div class="description">{{caption}} </div>
</div>
</div>'
});
feed.run();
});
答案 0 :(得分:0)
除了有关模板定义的错误外,您的代码仍然有效:
SyntaxError:unterminated string literal
将所有模板放在一行中,或者在每行末尾使用\
以获得multi-line string literal。
答案 1 :(得分:0)
尝试内联编写模板参数:
template: '<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"><div class="photo-box"><div class="image-wrap"><img src="http:{{image}}"/></div><div class="description">{{caption}} </div></div></div>'
或在线中断插入\