jQuery pager.js 插件动态分页功能实例分析(2)

<script type="text/javascript" charset="utf-8" src="https://www.jb51.net/template/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" charset="utf-8" src="https://www.jb51.net/template/js/pager.js"></script> </head> <div> <ul> </ul> <div> <span>前往</span> <input type="text"/> <span>页</span> <button type="button">GO</button> </div> </div> <script> Page({ num:{$page_mum}, //页码数 startnum:{$page}, //当前页面有列表切换,在列表切换的时候修改数字,跳转到当前页 elem:$('#page1'), //指定的元素 callback:function(n){ //回调函数 // 在这里请求当前跳转需要用到的数据 // alert('跳转到第'+n+'页,请求此页数据,此页有列表切换'); window.location.href='id=xigua_re:system_msg&op=private_msglist&page='+n; } }); // 数据列表的循环获取 $('.userArticleType li').on('click',function () { $('.userArticleType li').removeClass('choose'); $(this).addClass('choose') }) </script>

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/c18f52f103c9ae84ab8515e890b4be21.html