介绍 & lt; div类=皉ow"比;
& lt; div类=癱ol-sm-12 col-sm-12"比;
& lt;表类=氨肀聿鹂?table-hover table-bordered"data-toggle=皌able"data-url=癲ata2.json"data-pagination=皌rue"比;
& lt; thead>
& lt; tr>
& lt; th data-hide=皃hone"在可用区& lt;/th>
& lt; th data-hide=皃hone"祝辞渠道& lt;/th>
& lt; th data-hide=皃hone"祝辞引用可用区& lt;/th>
& lt; th data-hide=皃hone"祝辞引用渠道& lt;/th>
& lt;/tr>
& lt;/thead>
& lt; tbody id=皉egion_price_list-data"祝辞
& lt;/tbody>
& lt;/table>
& lt;/div>
& lt;/div>
& lt; div类=皉ow"祝辞
& lt; div类=癱ol-sm-12"祝辞
& lt; div id=皃agination"祝辞
& lt;/div>
& lt;/div>
& lt;/div>
小编这次要给大家分享的是如何使用jQuery插件simplePagination,文章内容丰富,感兴趣的小伙伴可以来了解一下,希望大家阅读完这篇文章之后能够有所收获。
正在熟悉项目上的代码,新添加了一个需要,需要对表单进行分页,之前的代码中是有分页的代码的,看了老半天,也没看太明白。之前的项目比较久远,继续熟悉代码。
simplePagination的使用
HTML页面,
因为项目里用到EJS——HTML模板,记得在一开始就引用SimplePagination插件,这个比较简单,就不细说了。
JS代码
var page_count=0;//定义分页的页数
var限制=0;//定义分页的条数
var regionLogListFunc=函数(pageNumber) {
如果(pageNumber===定义){
pageNumber=1;
}//页数判断和定义
让美元(“/regionCopyList& # 63; page_number=? pageNumber功能(数据、状态){
var # # # #=jQuery (“# # # # - # #“);//获取表中身体的id值
var updateRegionlogList=& # 39; & # 39;//在遍历对传入的数据进行显示
我在数据(var) {
# # # # +=& # 39;& lt; tr类=捌婀謌radeX"祝辞& # 39;;
# # # # # +=& # 39;& lt; td data-hide=皃hone"祝辞& # 39;[我]。# # +数据+ & # 39;& lt;/td> & # 39;;
# # # # # +=& # 39;& lt; td data-hide=皃hone"祝辞& # 39;+数据[我]。# # & # 39;& lt;/td> & # 39;;
# # # # +=& # 39;& lt; td data-hide=皃hone"祝辞& # 39;[我]。# # +数据+ & # 39;& lt;/td> & # 39;;
# # # # +=& # 39;& lt; td data-hide=皃hone"祝辞& # 39;[我]。# # +数据+ & # 39;& lt;/td> & # 39;;
updateRegionlogList +=& # 39; & lt;/tr> & # 39;;
}
regionPriceList.empty ();//添加更新的数据
regionPriceList.append (updateRegionlogList);
});
var> var page_index;
var itemsOnPage=1;
$(函数(){
$ (“# pagination") .pagination ({
项目:{$ page_count},总页数
itemsOnPage: itemsOnPage,
cssStyle: & # 39; light-theme& # 39;>看完这篇关于如何使用jQuery插件simplePagination的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。如何使用jQuery插件simplePagination
