Javascript jQuery选项卡所选选项卡阻止跳转到顶部

我使用的是jQuery选项卡，单击选项卡可以将哈希添加到url

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

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

正常选项卡

当我点击tab时

---

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

请尝试使用

history.pushState（）

。检查

---

尝试使用

history.pushState（）

。检查

---

为什么要在url中添加#？如果添加，那么它将跳转到顶部无论如何，整个问题与jQueryUI选项卡没有任何关系。您正在手动放置#并更新跳转到页面顶部的位置哈希。看看这个问题，以防止出现这种情况：为什么要在url中添加#？如果添加，那么它将跳转到顶部无论如何，整个问题与jQueryUI选项卡没有任何关系。您正在手动放置#并更新跳转到页面顶部的位置哈希。看看这个问题，以防止这样的情况：谢谢你的回答，它工作得很好，但当我刷新页面哈希标记时，它似乎正在删除，有没有办法保留哈希标记谢谢你的回答，它工作得很好，但当我刷新页面哈希标记时，它似乎正在删除，有没有办法保留哈希标记

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