我需要根據用戶帳戶顯示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; **刷新按鍵 –