Ajax滾動加載更多加載錯誤的圖像

Question

我需要顯示基於用戶帳戶的Instagram照片，並讓用戶選擇基於dropdown中列出的TagName查看同一張照片。

我為此使用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. 第三，當用戶單擊“刷新”按鈕時，它應重置為默認值（如頁面加載時一樣）並顯示基於用戶帳戶的圖像

不知道如何解決此問題，我嘗試了一些不起作用或破壞腳本的事情。

Answer 1

將此條件添加到滾動功能

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

要么

您可以將單個對象用於記錄feedAccount

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