jquery-pager的使用

最新推荐文章于 2021-02-26 23:42:02 发布

KingBoxing

最新推荐文章于 2021-02-26 23:42:02 发布

阅读量3k

点赞数

分类专栏： jquery 文章标签： stylesheet jquery function xhtml javascript

本文链接：https://blog.csdn.net/aaa1117a8w5s6d/article/details/7730890

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

   刚刚调了一个非常头疼的问题，就是用jquery的分页功能，
像下面这样已经配置好了，但就是不起作用，调了半天才发现，原来引用了两次jquery，删掉一个就行了，郁闷死了！




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery.pager.js Test</title>
    <link href="Pager.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="jquery.pager.js" type="text/javascript"></script>
    <script type="text/javascript" language="javascript">
         //pagenumber 为当前页码
         //pagecount 为显示页数
         //PageClick 为回调函数
         //pageclickednumber 为点击页码
        $(document).ready(function() {
            $("#pager").pager({ pagenumber: 1, pagecount: 10, buttonClickCallback: PageClick });
        });

        PageClick = function(pageclickednumber) {
            $("#pager").pager({ pagenumber: pageclickednumber, pagecount: 10, buttonClickCallback: PageClick });
            $("#result").html("Clicked Page " + pageclickednumber);
        }
       
    </script>
</head>
<body>
<h1 id="result">Click the pager below.</h1>
<div id="pager" ></div>
</body>
</html>