我目前使用jQuery的<a>标签来启动像点击事件等事情。

例如<a href="#" class="someclass">Text</a>

但我讨厌“#”使页面跳转到页面顶部。我能做什么呢?


当前回答

我总是用:

<a href="#?">Some text</a>

当试图阻止页面跳转时。不确定这是否是最好的,但它似乎已经工作了很多年。

其他回答

$('a[href="#"]').click(function(e) {e.preventDefault(); });

在#之后添加内容将页面的焦点设置为具有该ID的元素。最简单的解决方案是使用#/,即使你使用的是jQuery。但是如果你在jQuery中处理事件,event. preventdefault()是可行的方法。

你可以只传递一个没有href属性的锚标记,并使用jQuery来执行所需的操作:

< class = " foo " > < / >的酒吧

#/技巧有效,但会向浏览器添加一个历史事件。因此,点击返回并不能像用户希望的那样工作。

美元(的身体)。(“点击”,“(href = " # "],函数(e) {e.preventDefault ()});是我去的方式,因为它适用于已经存在的内容,以及加载后添加到DOM的任何元素。

具体来说,我需要在.btn-group(Reference)中的引导下拉菜单中做到这一点,所以我做了:

美元(的身体)。('点击','。下拉菜单li a[href="#"]', function(e) {e.f preventdefault ()});

这样它是有针对性的,并且不会影响页面上的任何其他内容。

对我来说最简单的就是这样做。

<a href=“#” onclick=“return false;”>一些文本</a>

使用JS的原因是大多数现代网站都依赖于它。