javascript - 如何在选择 jQuery 选项卡时正确更新 URL 哈希？

Question

HTML:

<div id="tabs">
    <ul>
        <li><a href="#settings">Settings</a></li>
        <li><a href="#fields">Fields</a></li>
    </ul>
    <div id="settings">
        //Tab Contents
    </div>
    <div id="fields">
        //Tab Contents
    </div>
</div>

如何应用 jQueryUI 的选项卡功能并强制它在选择新选项卡时更新 URL 哈希？

Answer 1

使用此代码创建您的 jQuery UI 选项卡:

$('#tabs').tabs({
    beforeActivate: function (event, ui) {
        window.location.hash = ui.newPanel.selector;
    }
});

我创建了这个答案，因为我找不到一个具有最新方法的答案。希望这对其他人有帮助!