xcdel 2015-04-03 18:44 采纳率: 100%
浏览 2409
已采纳

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>

  • 写回答

1条回答 默认 最新

  • 斯洛文尼亚旅游 2015-04-04 03:49
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 目标计数模型训练过程中的问题
  • ¥100 Acess连接SQL 数据库后 不能用中文筛选
  • ¥15 用友U9Cloud的webapi
  • ¥20 电脑拓展屏桌面被莫名遮挡
  • ¥20 ensp,用局域网解决
  • ¥15 Python语言实验
  • ¥15 我每周要在投影仪优酷上自动连续播放112场电影,我每一周遥控操作一次投影仪,并使得电影永远不重复播放,请问怎样操作好呢?有那么多电影看吗?
  • ¥20 电脑重启停留在grub界面,引导出错需修复
  • ¥15 matlab透明图叠加
  • ¥50 基于stm32l4系列 使用blunrg-ms的ble gatt 创建 hid 服务失败