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和NAME令牌必须以a开头信（[A-Za-z]），可以遵循任意数量的字母，数字（[0-9]），连字符（“ - ”），下划线（“_”），冒号（“：”）和句号（ “”）。

Read more

jquery超链接特征

2 个答案: