如何创建一个空的HTML锚点,以便在单击它时页面不会"跳起来"？

Question

当我点击一个链接时,我正在研究一些JQuery来隐藏/显示一些内容.我可以创建类似的东西:

<a href="#" onclick="jquery_stuff" />

但是,如果我在页面上向下滚动时单击该链接,它将跳回到页面顶部.

如果我这样做:

<a href="" onclick="jquery_stuff" />

该页面将重新加载,这将消除javascript所做的所有更改的页面.

像这样的东西:

<a onclick="jquery_stuff" />

会给我预期的效果,但它不再显示为链接.有没有办法指定一个空锚,所以我可以为onclick事件分配一个javascript处理程序,而不更改页面上的任何内容或移动滚动条？

Answer 1

把"归还假"; 在第二个选项:

<a href="" onclick="jquery_stuff; return false;" />

Answer 2

你需要return false;在jquery_stuff:

<a href="no-javascript.html" onclick="jquery_stuff(); return false;" />

这将取消默认操作.

Answer 3

你可以简单地把它放在下面:

<a href="javascript:;" onclick="jquery_stuff">

Answer 4

jQuery有一个内置的函数preventDefault,可以在这里找到:http: //api.jquery.com/event.preventDefault/

这是他们的例子:

<script>
$("a").click(function(event) {
    event.preventDefault();
});
</script>

您还可以像这样构建链接:

<a href="javascript:void(0)" onclick="myJsFunc();">Link</a>

Answer 5

检查eyelidlessness'评论(使用按钮,而不是锚).即将发布相同的建议.不链接到资源并仅执行脚本的锚应该实现为按钮.

停止将您的事件处理程序放在HTML中,并停止使用不支持锚语义目的的锚标记.使用按钮并在Javascript中添加单击处理程序.示例:HTML <button id="jquery_stuff">Label</button>和JavaScript $('#jquery_stuff').click(jquery_stuff);.您可以使用CSS通过删除填充,边框,边距和背景颜色来设置按钮的样式,然后添加链接样式(例如颜色和文本修饰). - 眼睑10月19日在17:40的眼睑