jquery超链接特性答案

【问题标题】：jquery hyperlink characteristicsjquery超链接特性
【发布时间】：2011-05-10 01:37:00
【问题描述】：

在下面的代码中，为什么在点击详细信息时页面缩放会转移到页面顶部，如何防止这种情况发生

 <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)

注意：以上代码是在服务器端生成的..

【问题讨论】：

标签： javascript jquery jquery-ui jquery-selectors

【解决方案1】：

您可以在 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 和 NAME 令牌必须以字母 ([A-Za-z]) 并且可以跟随由任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 ("_")、冒号 (":") 和句点 (".")。

Read more

【讨论】：

【解决方案2】：

把你的href改成

href="javascript:void(0);"

【讨论】：