所以我有一个这样的案例,我想在单击的链接上重新绑定无限滚动插件并传递新的 URL 以区分稍后将由它生成的内容部分..
到目前为止,我能做的是触发无限滚动并在第一个单击的链接处传递该部分。之后,当我单击另一个链接时,URL 链接或该部分不会被重新绑定,我希望它被重新绑定,以便它可以生成的内容不同。
更何况这是我的代码..
HTML
<li class="active"><a href="#" title="" data-filter=".w-all" class="w-filter">View All</a></li>
<li><a href="#" title="" data-filter=".w-branding" class="w-filter">Branding</a></li>
<li><a href="#" title="" data-filter=".w-graphic" class="w-filter">Graphic</a></li>
<li><a href="#" title="" data-filter=".w-website" class="w-filter">Website</a></li>
<li><a href="#" title="" data-filter=".w-photography" class="w-filter">Photography</a></li>
jQuery
$('a.w-filter').click(function(e){
var selector = $(this).attr('data-filter');
var section = selector.split('-');
$('#page_nav a').attr('href', 'pager/1/'+section[1]);
$(window).unbind('.infscr');
$container.infinitescroll({
navSelector : '#page_nav',
nextSelector : '#page_nav a',
itemSelector : '.item',
loading: {
finishedMsg: 'Hmm, I guess that\'s all we got.',
img: 'loading.gif',
msgText: '<em>Loading more projects.</em>'
},
pathParse: function (path, currentPage) {
var chunkedUrl = ['/pager/', '/'+section[1]];
return chunkedUrl;
}
});
$container.infinitescroll('retrieve');
e.preventDefault();
});
可以吗?