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

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'));
    }
});