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>

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

3 个答案: