大佬教程收集整理的这篇文章主要介绍了jquery – 无限滚动插件使用自定义查询修改路径,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法访问路径并修改其中一个查询参数.
第一次返回第一组项目并且之后它命中了下一页,1,2 3确定但是使用我第一次使用的相同查询参数仅更新页码.
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)); });
我在这里为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);
然后,从您拥有JavaScript的页面,您可以执行以下操作:
$('#filters a').click(function () { $.infinitescroll.prototype.pageType = "&type=products" ; $.infinitescroll.prototype.pageType = "&category=clothes"; return false; });
希望这会对某人有所帮助.
以上是大佬教程为你收集整理的jquery – 无限滚动插件使用自定义查询修改路径全部内容,希望文章能够帮你解决jquery – 无限滚动插件使用自定义查询修改路径所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。