jQuery动态翻页插件:Bootpag

jopen 10年前

bootpag 是一个基于Bootstrap 实现的动态jQuery 翻页插件。
jQuery动态翻页插件:Bootpag

使用方法:

<html>  <head>      <script src="//code.jquery.com/jquery-2.0.3.min.js"></script>      <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>      <script src="//raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script>      <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">  </head>  <body>      <div id="content">Dynamic Content goes here</div>      <div id="page-selection">Pagination goes here</div>      <script>          // init bootpag          $('#page-selection').bootpag({              total: 10          }).on("page", function(event, /* page number here */ num){               $("#content").html("Insert content"); // some ajax content loading...          });      </script>  </body>  </html>

项目主页:http://www.open-open.com/lib/view/home/1401414829464