gpt4 book ai didi

jquery - 无限滚动插件使用自定义查询修改路径

转载 作者:行者123 更新时间:2023-12-03 23:02:48 25 4
gpt4 key购买 nike

我正在使用带有 jQ​​uery 同位素的无限滚动插件 ( 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 原型(prototype)添加了一些附加属性:

//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 - 无限滚动插件使用自定义查询修改路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12453694/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com