欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

为什么小弟我总是跳不到前10页去

更新时间: 2014-01-05 01:51:46 责任编辑: Author_N1

 

为什么我总是跳不到前10页去?
我用JavaScript写的一个实例
不过总是跳不过去为什么呢?

http://weijinglin.name/demo/crPage/

代码

<span id="prePages"></span>
<div id="pageNav"></div>
<span id="nextPages"></span>
<script>
crPage(1000, 10, 23);
function crPage(rn, pn, i){
var tpn = Math.ceil(rn/pn);
$("#pageNav").html("");
if(i >= 10){
$("#prePages").html("<a href='' onclick='crPage("
+ rn + ","
+ pn + ","
+ (i-10)
+ ")'>前10页</a>");
}else{
$("#prePages").html("前10页");
}
for(j = Math.floor(i/10)*10+1 ; j < Math.floor(i/10)*10+10; j++){
if(j == i){
$("#pageNav").html($("#pageNav").html() + "<span class='numBlock'>"+j+"</span> ");
continue;
}
if(j <= tpn){
$("#pageNav").html(
$("#pageNav").html()
+"<span class='numBlock'>"
+"<a href='#' onclick='crPage("
+ rn + ","
+ pn + ","
+ j + ")'>"
+ j +"</a></span> ");
}
}
if(i <= tpn){
$("#nextPages").html("<a href='' onclick='crPage("
+ rn + ","
+ pn + ","
+ (i+10)
+ ")'>后10页</a>");
}else{
$("#nextPages").html("后10页");
}
}
</script>

--参考方法--
原因就是,你用的a标签,你的每一次点击,都触发了a标签的默认动作

a标签的href有值就会跳转,没有值的话,好像是会刷新一次,所以你的页面每次点击都在刷新。等于重新加载页面

可以在a标签的href=“#”,也可以在onclick的最后,添加一句,return false;

试试看。
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:51:46
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/2161/
本文WWW.DOC100.NET DOC100.NET版权所有。