日期:2014-05-16  浏览次数:20431 次

为什么我总是跳不到前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;

试试看。