masonry+infinitescroll瀑布流布局怎么传参?
链接的选择器是:
<div id="navigation"><a href="page?page=1"></a></div>
这里有个问题,如果<a>标签的href属性传参,例如href="page?page=1&XX=1&..."这样的,控件就会失效,就连改为href="page?page=0"都会失效,请问有解决的办法么?
附JS
<script type="text/javascript">
$(document).ready(function () {
$('.wrapper:eq(1)').masonry({
itemSelector: '.wfc',
gutterWidth: 15,
columnWidth: 222,
isFitWidth: true
});
$('#waterfall').infinitescroll({
navSelector: "#navigation", //导航的选择器,会被隐藏
nextSelector: "#navigation a", //包含下一页链接的选择器
itemSelector: ".wfc", //你将要取回的选项(内容块)
debug: true, //启用调试信息
animate: true, //当有新数据加载进来的时候,页面是否有动画效果,默认没有
extraScrollPx: 150, //滚动条距离底部多少像素的时候开始加载,默认150
bufferPx: 40, //载入信息的显示时间,时间越大,载入信息显示时间越短
errorCallback: function () {
alert('error');
}, //当出错的时候,比如404页面的时候执行的函数
localMode: true, //是否允许载入具有相同函数的页面,默认为false
dataType: 'html', //可以是json
// template: function(data) {
// //data表示服务端返回的json格式数据,这里需要把data转换成瀑布流块的html格式,然后返回给回到函数
// return '';
// },
loading: {
msgText: "加载中...",
finishedMsg: '没有新数据了...',
selector: '.loading' // 显示loading信息的div
}
}, function (newElems) {
//程序执行完的回调函数
var $newElems = $(newElems);
$('.wrapper:eq(1)').masonry('appended', $newElems);
});
});
</script>
<div id="navigation"><a href="page?page=1"></a></div>
配置path参数为函数,参数要加载的页面,返回你需要的的url,或者配置pathParse参数,自己处理url地址
有些API没有提到上面2个配置,如官网的API就没有www.infinite-scroll.com/infinite-scroll-jquery-plugin/,实际有这2个配置,具体看源代码:https://github.com/infinite-scroll/infinite-scroll/blob/master/jquery.infinitescroll.js
$('#waterfall').infinitescroll({
path:function(page){return 'page?page='+page+'&xxx=xxx.....其他参数';},
//...其他配置
至于你的其他参数没有效果,是因为插件对地址进行了判断自动提取路径,你的都不符合,具体看:_determinepath: function infscr_determinepath(path) {这个函数