2015-06-03 77 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; **刷新按键 –