jQuery的超级链接特性
问题描述:
在下面的代码为什么上的详细资料点击页面缩放切换到页面的顶部,这可怎么防止jQuery的超级链接特性
<a href='#' onclick='javascript:toggle(%s);'>Details</a> %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)
注:在服务器端生成上面的代码..
答
更改您HREF到
href="javascript:void(0);"
答
你可以在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]),连字符(“ - “),下划线 (”_“),冒号(”:“)和句点 (”。“)。