jQuery的超级链接特性

Question

在下面的代码为什么上的详细资料点击页面缩放切换到页面的顶部，这可怎么防止

<a href='#' onclick='javascript:toggle(%s);'>Details</a>&nbsp;&nbsp;%s %s <b>Total Sal: </b>%s<br><div id='%s' style='display:none;'>%s</div><br>"%(divname,first_name,lastname,usage,divname,html_table) 

注：在服务器端生成上面的代码..

Answer 1

更改您HREF到

href="javascript:void(0);" 

Answer 2

你可以在onclick事件，这将阻止默认动作的结束放return false。

<a href='#' onclick='javascript:toggle(%s); return false;'>Details</a> 

既然您使用的是jQuery，这不是您在jQuery中调用函数的方式。使用unobtrusive way of coding。像

$("#anch").click(function(){ 
    // your code for click event 
    // $("#togg") will get the div element wrapped as a jQuery object 
    return false; 
}); 

<a href='#' id="anch">Details</a> 
<div id="togg"></div> 

注

你ID的东西似乎是无效的。

ID和名称标记必须以字母 （[A-ZA-Z]）开始和之后可以是任意数量的字母 ，数字 （[0-9]），连字符（“ - “），下划线 （”_“），冒号（”：“）和句点 （”。“）。

Read more