2015-06-03 98 views
2

我需要根據用戶帳戶顯示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(); 
}); 

我想達到以下

  1. 在頁面加載Instagram用戶根據圖像顯示,應該從同一賬戶加載更多的圖像時,站點訪問者向下滾動頁面。 (工作)

  2. 二,當用戶從下拉菜單中選擇tag時,它應該顯示相關標籤的圖像(這部分工作)。並且當用戶向下滾動頁面時,它應該加載更多與選擇的相同標籤相關的圖像。但是這種情況下它會從用戶帳戶加載圖像。

  3. 第三,當刷新按鈕,用戶點擊它應該重置爲默認值,像在頁面加載和顯示用戶帳戶基於圖像

不知道如何解決這個問題,我試過幾件事,要麼沒有按不工作或打破劇本。

回答

4

添加這種情況下,滾動功能

if($('select').val()!=""){ 
feedTags.next(); 
} 
else 
{ 
feedAccount.next(); 
} 

OR

您可以使用單個對象的記錄feedAccount

檢查這個http://codepen.io/anon/pen/rVyyrR?editors=001

+0

感謝,這隻有當工作我更改標籤或點擊刷新按鈕。默認情況下在頁面加載加載更多的圖像不工作..我會再添加一個條件.. – Learning

+0

好的...添加** $(「選擇」)[0] .selectedIndex = 0; **刷新按鍵 –