Paginathing.js使用帮助一款简单的jquery前台分页插件

Paginathing.js基础入门

官方网址:https://alfrcr.github.io/paginathing/

Paginathing.js使用帮助一款简单的jquery前台分页插件

GitHub:https://github.com/alfrcr/paginathing

简介描述:一款简单的jquery前台分页插件

Paginathing.js是一款简单的jquery前台分页插件。该jquery分页插件可以对页面中的列表和表格数据进行分页。它使用简单,兼容ie8,兼容Bootstrap框架。  

Paginathing.js使用

1、引入

<script src="path/to/jquery.min.js"></script>
<script src="path/to/paginathing.js.js"></script>

2、html

<div class="panel panel-primary">
  <div class="panel-heading">
    <h4 class="panel-title">List of item.</h4>
  </div>
  <ul class="list-group">
    <li class="list-group-item"> Your Item 1</li>
    <li class="list-group-item"> Your Item 2</li>
    <li class="list-group-item"> Your Item 3</li>
    <li class="list-group-item"> Your Item 4</li>
    <li class="list-group-item"> Your Item 5</li>
    <li class="list-group-item"> Your Item 6</li>
  </ul>
</div>

3、初始化

<script type="text/javascript">
  jQuery(document).ready(function($){
    $('.list-group').paginathing({
          perPage: 2,
          containerClass: 'panel'
    })
  });
</script>

海计划公众号
(0)
上一篇 2020/03/05 11:20
下一篇 2020/03/05 11:20

您可能感兴趣的内容