javascript - Ajax 在滚动加载错误图像时加载更多

Question

我需要根据用户帐户显示 Instagram 照片，并根据 下拉列表 中列出的 TagName 让用户选择查看相同照片。

我正在为此使用 instfeedjs 插件，我能够在页面加载时显示基于用户的图像，并为用户和选项提供基于从 下拉列表中选择的图像标签的 View 。这是工作

问题是在滚动到页面底部时加载更多图像。

加载更多作品，但总是从 instagram 用户帐户 加载图像，而不是从用户选择的相关标签加载图像。

我的逻辑好像不对。

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. 其次，当用户从下拉列表中选择 标签 时，它应该显示相关的基于标签的图像(这部分正在运行)。当用户向下滚动页面时，它应该加载更多与所选相同标签相关的图像。但在这种情况下，它会从用户帐户加载图像。

3. 第三，当用户点击刷新按钮时，它应该重置为默认值，就像在页面加载时一样，并显示基于用户帐户的图像

不确定如何解决这个问题，我尝试了一些它不起作用或破坏脚本的方法。

Answer 1

将此条件添加到滚动功能

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

或

您可以为记录使用单个对象feedAccount

检查这个http://codepen.io/anon/pen/rVyyrR?editors=001