程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> 默認-masonry+infinitescroll瀑布流布局怎麼傳參?

默認-masonry+infinitescroll瀑布流布局怎麼傳參?

編輯:編程綜合問答
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) {這個函數

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved