我目前使用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(); });
带有href="#"的链接几乎总是应该被按钮元素替换:
<button class="someclass">Text</button>
使用带有href="#"的链接也是一个可访问性问题,因为这些链接将对屏幕阅读器可见,屏幕阅读器将显示“链接-文本”,但如果用户单击它,它不会去任何地方。
如果元素没有有意义的href值,那么它就不是真正的链接,那么为什么不使用其他元素呢?
正如Neothor所建议的那样,如果样式正确,span将作为一个可以点击的项目而显而易见。你甚至可以附加一个悬停事件,让元素在用户鼠标移动时“亮起”。
然而,话虽如此,你可能想要重新考虑你的网站的设计,这样它就可以在没有javascript的情况下运行,但在有javascript时可以通过javascript进行增强。
我使用的方法是这样的:
<a href="#null" class="someclass">Text</a>
您可以使用#0作为href,因为0不允许作为id,所以页面不会跳转。
<a href="#0" class="someclass">Text</a>