我在我的 instafeed.js 页面上没有得到任何结果,但是,instagram api 正在返回图像。谁能告诉我我做错了什么?
html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,user-scalable=no">
<title>Instagram Portfolio</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/instafeed.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</head>
<body>
<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">
<!-- Instafeed target div -->
<div id="instafeed"></div>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>
jQuery:
$(function() {
//Set up instafeed
var feed = new Instafeed({
clientId: 'my_client_id',
target: 'instafeed',
get: 'tagged',
tagName: 'testlaura',
links: true,
limit: 8,
sortBy: 'most-recent',
resolution: 'standard_resolution',
filter: function(image) {
return image.user_has_liked;
},
template: '<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3"><div class="photo-box"><div class="image-wrap"><a href="{{link}}"><img src="{{image}}"></a><div class="likes">{{likes}} Likes</div></div><div class="description">{{caption}}<div class="date">{{model.date}}</div></div></div></div>'
});
feed.run();
});
“lauratest”是我在其他帐户的一些照片上使用的标签。
但是为什么我的页面上什么都没有出现?我没有收到任何控制台错误,并且肯定会读取 instafeed 和 app.js 文件。