分享一套自己寫的 JQ分頁插件
- WBOY原創
- 2016-11-19 13:05:251137瀏覽
支援4種分頁模式，1:普通連結分頁 2:點選分頁按鈕 3:點選載入更多 4:下拉載入更多
目前僅支援4種分頁模式
1:普通連結分頁
Ajax:
2:點選分頁按鈕
3:點選載入更多
4:下拉載入更多// 1普通分頁<br>
var config = ({<br>
Mode : 1,
PageBer : 2,
PageMax : 10,
PageUrl : 'http://127.0.0.1/1/1.php?page=[#]', //分頁連結,並帶上分頁符號<br>
PageId : 'Page',
PageCid : 'tbinfo',
PageHtml: '<tr>
<td><input></td>
<td>[0]</td>
<td><a>[1]</a></td>
<td>[2]</td>
<td><a>刪除</a></td>
</tr> ', 位元 指定欄位<br>
PageArray: '<?php echo $array; ?>',//JSON化之後的分頁內容<br>
Page : '<?php echo $page;?>', //目前分頁數<br>
PageNum : '<?php echo $num; ?>',//分頁總記錄數<br>
});<br>
JunPage(config);<br>
//呼叫分頁<br><br>// 2.ajax點選按鈕分頁<br>
var config = ({<br>
Mode : 2, <br>
PageBer : 2,
PageMax : 10,
PageUrl : 'http://127.0.0.1/1/index.php?page=[#]', //分頁連結,並帶上分頁符號 PageId : 'Page',
PageCid : 'tbinfo',
PageHtml: '
PageArray: '', Page : 1,
PageNum : '', /*Ajax模式下的分頁參數*/
Ajax : 'get', AjaxNo : 'index.php', AjaxYes : 'ajax_1.php',
});
JunPage(config);
// 3.ajax點選載入更多
var config = ({
Mode : 3, PageBer : 2, PageMax : 10, PageUrl : 'http://127.0.0.1/1/index.php?page=[#]', //分頁連結,並帶上分頁符號
PageId : 'Page', PageCid : 'tbinfo', PageHtml: '
PageArray: '', Page : 1, PageNum : '', /*Ajax模式下的分頁參數*/
Ajax : 'get', AjaxNo : 'index.php', AjaxYes : 'ajax_2.php',
});
JunPage(config);
// 4.ajax下載載入更多
var config = ({
Mode : 4, PageBer : 10, PageMax : 10, PageUrl : 'http://127.0.0.1/1/index.php?page=[#]', //分頁連結,並帶上分頁符號
PageId : 'Page', PageCid : 'tbinfo', PageHtml: '
PageArray: '', Page : 1, PageNum : '', /*Ajax模式下的分頁參數*/
Ajax : 'get', AjaxNo : 'index.php', AjaxYes : 'ajax_3.php',
});
JunPage(config);
程式碼已上傳至群組檔案
QQ群號:368405253