jQuery插件分享之分页插件jqPagination

前端技术 2023/09/09 JavaScript

使用方法:

添加 jQuery 类库、jqPagination 插件的 JS 和 CSS 文件

复制代码 代码如下:

<link rel=\"stylesheet\" href=\"jqpagination.css\"/>
<script src=\"jquery-1.6.2.min.js\"></script>
<script src=\"jquery.jqpagination.min.js\"></script>

再需要如下HTML

复制代码 代码如下:

<div class=\"pagination\">
  <a href=\"#\" class=\"first\" data-action=\"first\">«</a>
  <a href=\"#\" class=\"previous\" data-action=\"previous\">‹</a>
  <input type=\"text\" readonly=\"readonly\" data-max-page=\"40\" />
  <a href=\"#\" class=\"next\" data-action=\"next\">›</a>
  <a href=\"#\" class=\"last\" data-action=\"last\">»</a>
</div>

最后初始化插件

复制代码 代码如下:

$(\'.pagination\').jqPagination({
  link_string : \'/?page={page_number}\',
  current_page: 5, //设置当前页 默认为1
  max_page : 40, //设置最大页 默认为1
  page_string : \'当前第{current_page}页,共{max_page}页\',
  paged : function(page) {
      //回发事件。。。
      }
});

本文地址:https://www.stayed.cn/item/23654

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。