jquery.page.js分页插件使用

来源：互联网发布：科力达传输软件编辑：程序博客网时间：2024/05/21 08:42

<!doctype html><html lang="en"> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  <title>jquery.page.js</title>  <link rel="stylesheet" href="css/jquery.page.css">  <script src="js/jquery.min.js"></script>  <script src="js/jquery.page.js"></script> </head> <body>              <div class="pages">                <div class="pannel-page">                  <span class="disabled">&lt;上一页</span><span class="current">1</span><a href="JavaScript:;" class="tcdNumber">2</a><a href="javascript:;" class="tcdNumber">3</a><a href="javascript:;" class="nextPage">&gt;下一页</a>                </div>                <div class="page-num">                  共<span>9</span>页，到第<input type="text" value="2">页                </div>              </div><script type="text/javascript">    var coopCourseCount=10;    var pageIndex=1;    var page=2;    $(".pages .pannel-page").createPage({      pageCount:coopCourseCount,      current:pageIndex,      backFn:function(page){          pageIndex = page;      }    });</script> </body></html>

注：
遇到过一个问题，当参数：“pageCount”或者“current”参数设置的值为非数字类型的时候，分页会出现问题。

阅读全文

0 0