问题描述

masonry+infinitescroll瀑布流布局怎么传参？

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) {这个函数