Question

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

我正在使用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时，它应显示相关的基于标签的图像（此部分正常工作）。当用户向下滚动页面时，它应该加载与所选相同标签相关的更多图像。但是在这种情况下，它会从用户帐户加载图像。
第三，当用户点击“刷新”按钮时，它应重置为默认值，如页面加载和显示基于用户帐户的图像

不知道如何解决这个问题，我尝试了一些事情，它不会起作用或打破脚本。

Answer 1

将此条件添加到滚动功能

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

OR

您可以将单个对象用于记录 feedAccount

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

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

1 个答案: