javascript - jQuery Tabs 选定的选项卡防止跳转到顶部

Question

我正在使用 jQuery 选项卡，单击选项卡会将哈希值添加到 url

jQuery( "#tabs").tabs({
        activate: function(event, ui) {
            window.location.hash = ui.newPanel.attr('id');
        }
    });

问题是当我单击它打开的选项卡时，它会滚动并跳转到页面顶部

普通标签

当我点击选项卡时

谁知道如何解决这个问题

Answer 1

尝试使用history.pushState()。检查History Api docs

jQuery( "#tabs").tabs({
    activate: function(event, ui) {
        history.pushState(null, null, '#' + ui.newPanel.attr('id'));
    }
});