自己動手做個分頁插件

y1chuan 發布于2019-08-02 15:56 / 525人閱讀

摘要：分頁完美支持下面就是見證奇跡的時刻地址配置詳情綁定到你的總頁數如果后兩項填寫了則本字段失效兩者只需其一每頁顯示個數總個數和必須同時存在首頁和尾頁按鈕不顯示上一頁和下一頁不顯示手動跳轉不顯示按鈕點擊的毀掉函數參數表示當前頁啟動歡迎我的我的博客

PC分頁,完美支持ie8+,2KB

下面就是見證奇跡的時刻

dome地址

https://github.com/cleartime/pageSize/blob/master/dome/index.html

配置詳情

    var config = {
        el: document.getElementById("page"), //綁定到你的dom
        pageCount:10,                        //總頁數                  ps:如果后兩項填寫了則本字段失效,兩者只需其一
        pagesize:20,                         //每頁顯示個數
        sizeCount:100,                       //總個數                  ps:pagesize和sizeCount必須同時存在
        pageA:1,                             //首頁和尾頁按鈕不顯示       
        pageB:1,                             //上一頁和下一頁不顯示
        pageC:1,                             //手動跳轉不顯示           
        callback: function(res) {            //按鈕點擊的毀掉函數參數res表示當前頁
            console.log(res)
        },
    };
    new Page(config);                        //啟動

歡迎follow/star我的github:https://github.com/cleartime; 我的博客:http://cleartime.leanapp.cn/;

GPU云服務器云服務器自己動手寫爬蟲自己動手寫網路爬蟲自己動手寫網絡爬蟲自己動手寫開發工具

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/54380.html

自己動手做個分頁插件

摘要：分頁完美支持下面就是見證奇跡的時刻地址配置詳情綁定到你的總頁數如果后兩項填寫了則本字段失效兩者只需其一每頁顯示個數總個數和必須同時存在首頁和尾頁按鈕不顯示上一頁和下一頁不顯示手動跳轉不顯示按鈕點擊的毀掉函數參數表示當前頁啟動歡迎我的我的博客 PC分頁,完美支持ie8+,2KB 下面就是見證奇跡的時刻 showImg(https://segmentfault.com/img/remote...

chengjianhua 2019-08-22 10:45 評論0 收藏0
【視頻列表頁面】利用模板引擎動態渲染數據

摘要：項目需求自適應頁面，兼容安卓，和。要求頁面顯示視頻列表，點擊列表中的圖片和標題就可以播放視頻，視頻列表每頁條，能翻頁。本項目由于是需要大量的數據渲染以及后期的數據填充，所以決定使用模板引擎。同時使用了作為部分框架。使用作為視頻彈窗。項目需求:自適應頁面，兼容安卓，IOS和PC。要求頁面顯示視頻列表，點擊列表中的圖片和標題就可以播放視頻，視頻列表每頁5條，能翻頁。 showImg(ht...

Kyxy 2019-08-02 16:01 評論0 收藏0
【視頻列表頁面】利用模板引擎動態渲染數據

摘要：項目需求自適應頁面，兼容安卓，和。要求頁面顯示視頻列表，點擊列表中的圖片和標題就可以播放視頻，視頻列表每頁條，能翻頁。本項目由于是需要大量的數據渲染以及后期的數據填充，所以決定使用模板引擎。同時使用了作為部分框架。使用作為視頻彈窗。項目需求:自適應頁面，兼容安卓，IOS和PC。要求頁面顯示視頻列表，點擊列表中的圖片和標題就可以播放視頻，視頻列表每頁5條，能翻頁。 showImg(ht...

legendaryedu 2019-08-22 11:15 評論0 收藏0