我正在使用InstaFeed从Instagram获取图片并在网站上展示。
这是我的代码:
<script type='text/javascript' src='/js/jquery/jquery.js?ver=1.11.2'></script>
<script type="text/javascript">
var feed = new Instafeed({
get: 'tagged',
tagName: 'test',
clientId: '0000000000000000000',
limit: 6,
after: function () {
var images = $("#instafeed").find('a');
$.each(images, function(index, image) {
var delay = (index * 75) + 'ms';
$(image).css('-webkit-animation-delay', delay);
$(image).css('-moz-animation-delay', delay);
$(image).css('-ms-animation-delay', delay);
$(image).css('-o-animation-delay', delay);
$(image).css('animation-delay', delay);
$(image).addClass('animated flipInX');
});
},
template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="likes">♥ {{likes}}</div></a>'
});
feed.run();
</script>
<div id="instafeed"></div>
我对JS和JQuery很陌生,但我不知道为什么会出现这个错误。错误在以下行:
var images=$(“#instafeed”)。find('a');
看来您没有加载jQuery。
在脚本块之前添加以下内容
<script src="path to your jquery file"></script>
并将路径更改为指向服务器上可以访问jQuery的URL。