jQuery Tabs Selected Tab 防止跳转到顶部答案

【问题标题】：jQuery Tabs Selected Tab Prevent Jump to topjQuery Tabs Selected Tab 防止跳转到顶部
【发布时间】：2019-04-25 05:01:41
【问题描述】：

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

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

问题是当我点击一个标签时它打开但它滚动并跳转到页面顶部

普通标签

当我点击标签

任何人都知道如何解决此问题

【问题讨论】：

为什么要在 url 中添加#...？如果添加则无论如何它都会跳到顶部
整个问题与 JQuery UI 选项卡完全无关。您正在手动输入 # 并更新跳转到页面顶部的位置哈希。看看这个问题以防止：stackoverflow.com/questions/4715073/…

【解决方案1】：

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

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

【讨论】：