单击锚链接时如何停止跳转？

Question

点击锚链接有没有办法避免跳转？这样视图就不会改变.

Answer 1

解决此问题的最具语义和意义的方法是从JavaScript中处理onclick事件.理想情况下,此文件最好存储在单独的文件中,但是,在问题文件中包含内联脚本就足够了.如果您已经使用了像jQuery这样的JavaScript库,那么我建议如何解决这个问题.

为您的锚分配ID包含id属性,以便能够使用jQuery选择它:

<a href="#anchor" id="mylink" title="Title Here">Link Text</a>

绑定点击事件
从您的JavaScript文件/内嵌脚本中包含以下内容:

$('#mylink').click(function(event) {

    // This will prevent the default action of the anchor
    event.preventDefault();

    // Failing the above, you could use this, however the above is recommended
    return false;

});

上面的方法使用jQuery API网站完整解释:http://api.jquery.com/event.preventDefault/

Answer 2

只需使用:

<a href="javascript:void(0);">Text</a>

Answer 3

您可以使用 Javascript 来阻止链接的默认行为，一个简单的示例是：

<a href="#myanchor" onclick="return false;">link</a>