如何在jQuery中使用layer分頁(yè)器？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

渦陽(yáng)網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),渦陽(yáng)網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為渦陽(yáng)超過(guò)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的渦陽(yáng)做網(wǎng)站的公司定做！

// 點(diǎn)擊查詢(xún)按鈕 開(kāi)始顯示表格內(nèi)容
// 如果查詢(xún)內(nèi)容不存在 則顯示為空
$('#searchBtn').click(function(){
  var html = '';
  $.ajax({
    type:"GET",
    url:"data/tsResult.json",
    success:function(TS){
      // 拿到投訴案件數(shù)據(jù)
      // 分頁(yè)器
      layui.use(['laypage','layer'],function(){
        var laypage = layui.laypage,
        layer = layui.layer;

        var num = 7;//每一頁(yè)出現(xiàn)的數(shù)據(jù)量
        // 模擬渲染
        var render = function(curr){//當(dāng)前頁(yè)
          var html = '',
            last = curr*num-1;//當(dāng)前頁(yè)的最后一行數(shù)據(jù)的下標(biāo)
            last = last >= TS.length?(TS.length-1):last;
            for(var i=(curr*num-num); i<=last; i++){
              // 從未顯示的第一行開(kāi)始
              html += ''+
                    ''+TS[i].id+''+
                    ''+TS[i].COMPNAME+''+
                    ''+TS[i].COMTELPHONE+''+
                    ''+TS[i].COMPCARD+''+
                    ''+TS[i].DJRQ_S+''+
                    ''+TS[i].COMTYPE+''+
                    ''+TS[i].COMCONTEXT+''+
                    ''+TS[i].STATE+''+
                    ''+TS[i].btn+''+
                  '';
            }
            return html;
        };

        laypage({
          cont:'demo4',
          pages:Math.ceil(TS.length/num),
          first:false,
          last: false,
          jump:function(obj){
            document.getElementById('TS-list').innerHTML = render(obj.curr);
          }
        });
      });
    }
  });
});

稍微解釋一下這邊的代碼：

1、點(diǎn)擊按鈕#searchBtn 發(fā)起ajax請(qǐng)求 獲得需要分頁(yè)的數(shù)據(jù)。

2、success成功后回調(diào)執(zhí)行分頁(yè)+拼接。

3、必須代碼

layui.use(['laypage','layer'],function(){
        var laypage = layui.laypage,
        layer = layui.layer;
        }

4、定義一頁(yè)需要顯示的條數(shù)num,定義render方法，進(jìn)行模擬渲染。

5、jump實(shí)現(xiàn)跳轉(zhuǎn)

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)建站的支持。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、建站服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

分享題目：如何在jQuery中使用layer分頁(yè)器-創(chuàng)新互聯(lián)
瀏覽地址：http://weahome.cn/article/dsedog.html