jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 无限滚动插件使用自定义查询修改路径大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用带有jQuery同位素的无限滚动插件( infinite-scroll)并且想知道是否可以使用自定义查询参数修改路径,因为用户向下滚动页面以查看更多项目.

有没有办法访问路径并修改其中一个查询参数.
第一次返回第一组项目并且之后它命中了下一页,1,2 3确定但是使用我第一次使用的相同查询参数仅更新页码.

我想在点击第3页或第4页时修改其中一个参数,如下所示:

var customPath = path + "?type=items&category=clothes&pagenumber=";

我是以错误的方式接近这个吗?

这是我的代码

$container.infinitescroll({
    navSELEctor: '#page_nav',// SELEctor for the paged navigation 
    nextSELEctor: '#page_nav a',// SELEctor for the NEXT link (to page 2)
    itemSELEctor: '.element',// SELEctor for all items you'll retrieve
    loading: {
        finishedMsg: 'No more categories to load.',msgText: "<em>Loading the next set of categories...</em>",img: 'http://i.imgur.com/qkKy8.gif'
    },pathParse: function (path,nextPagE) {
        var customPath = path + "?type=items&category=all&pagenumber=";
        path = [customPath,'#contaner'];
        return path;
    }
},// call Isotope as a callBACk
function (newElements) {
    $container.isotope('appended',$(newElements));
});

解决方法

好的,所以我不得不做一点点黑客,但我得到了它为我的需求工作,感谢Rich指出我的相关问题.

在这里为jquery.infinitescroll.js原型添加了一些额外的属性

//line 67
 $.infinitescroll.prototype = {
       //My custom parameters
        pageType: "&type=items",categoryParam: "&category=shoes",/*  
            ----------------------------
            Private methods
            ----------------------------
            */

然后在函数内部调用

retrieve: function infscr_retrieve(pageNum) {}

一个变量:

desturl = path.join(opts.state.currPagE)

把它改成了

desturl = path.join(opts.state.currPage + $.infinitescroll.prototype.pageType + $.infinitescroll.prototype.categoryParam);

这将在desturl的末尾添加您的其他查询参数.

然后,从您拥有JavaScript的页面,您可以执行以下操作:

$('#filters a').click(function () {
    $.infinitescroll.prototype.pageType = "&type=products" ;                  
    $.infinitescroll.prototype.pageType = "&category=clothes";                           
     return false;
});

这将使用您的自定义查询更新下一页查询参数.

希望这会对某人有所帮助.

大佬总结

以上是大佬教程为你收集整理的jquery – 无限滚动插件使用自定义查询修改路径全部内容,希望文章能够帮你解决jquery – 无限滚动插件使用自定义查询修改路径所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。