我目前使用jQuery的<a>标签来启动像点击事件等事情。
例如<a href="#" class="someclass">Text</a>
但我讨厌“#”使页面跳转到页面顶部。我能做什么呢?
我目前使用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的原因是大多数现代网站都依赖于它。