我需要根据用户帐户显示Instagram
照片,并根据dropdown
中列出的TagName
给予用户选择查看相同的照片。Ajax在滚动加载错误图片时加载更多
我使用的是instfeedjs
插件,因此我可以在加载页面时显示基于用户的图像,并为从drop-down
中选择的用户和选项查看标签图像提供基于用户的图像。这是工作
问题是加载滚动到页面底部的更多图像。
加载更多作品,但始终从instagram user account
加载图像,而不是从用户选择的相关标签加载图像。
我的逻辑似乎是错误的。
Codepen例如http://codepen.io/anon/pen/KpWVVy?editors=001
//Set up instafeed
var feedAccount = new Instafeed({
get: 'user',
userId: 11175379,
accessToken: '11175379.467ede5.f5ec3337edc941678b80d5eac0310213',
links: true,
limit: 12,
target: 'instafeed',
sortBy: 'most-recent',
resolution: 'low_resolution',
useHttp: true,
template: '<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 cccc"><div class="photo-box"><div class="image-wrap"><a href="{{link}}" target="_blank"><img src="{{image}}"></a><div class="likes">{{likes}} Likes</div></div></div></div>'
});
//// call feed.next() on button click
//$('#loadmore').on('click', function() {
// feed.next();
//});
feedAccount.run();
$(window).scroll(function(){
if($(window).scrollTop() + $(window).height() > $(document).height() - 100)
feedAccount.next();
});
我想达到以下
在页面加载
Instagram
用户根据图像显示,应该从同一账户加载更多的图像时,站点访问者向下滚动页面。 (工作)二,当用户从下拉菜单中选择
tag
时,它应该显示相关标签的图像(这部分工作)。并且当用户向下滚动页面时,它应该加载更多与选择的相同标签相关的图像。但是这种情况下它会从用户帐户加载图像。第三,当刷新按钮,用户点击它应该重置为默认值,像在页面加载和显示用户帐户基于图像
不知道如何解决这个问题,我试过几件事,要么没有按不工作或打破剧本。
感谢,这只有当工作我更改标签或点击刷新按钮。默认情况下在页面加载加载更多的图像不工作..我会再添加一个条件.. – Learning
好的...添加** $(“选择”)[0] .selectedIndex = 0; **刷新按键 –