javascript - jQuery - 防止跳转但遵循散列链接

Question

我有以下代码:

$( document ).ready(function() {        
    $( '.prevent-default' ).click(function( event ) {
        event.preventDefault();
    });    
});

我给散列 anchor .prevent-default 类以在单击链接时阻止窗口跳转。不幸的是，event.preventDefault(); 还会阻止浏览器访问该链接。

如何只让窗口不跳转而跟随链接？

我已经尝试过 window.location.href = jQuery( this ).attr('href'); 但这根本不起作用 - 窗口跳转。

Answer 1

您可以在点击时创建一个 display:fixed DIV 元素作为正文中的第一个 dom 节点，您的 anchor 为 id。

如果你使用 id 来跳跃，你需要在短时间内拥有相同的 id 两次。注意跳转后这个动态div会被删除。