jquery - 使用 URL 中的参数选择 jQuery 选项卡

Question

我目前正在研究替换 Struts 提供的选项卡1 个标签库，其中包含 jQuery UI 提供的选项卡。我已成功地将选项卡与现有应用程序集成，但我正在努力解决如何使用传入 URL 上的参数(即 myurl.com/action.do?selectedTab=SecondTab)设置所选选项卡。

我是 JavaScript 和 jQuery 的新手；从哪里开始有哪些指示？

Answer 1

Jquery-UI 为您提供(几乎)免费的功能:使用内部链接。而且它比使用丑陋的获取参数要好。

通过 http://my.site.org/mypage/#foo-tab导航器中的 将自动选择容器具有 id="foo-tab"的选项卡。

诀窍是在选择选项卡时添加一个事件来更新 url，这样当您重新加载时就不会丢失当前选项卡:

   $(document).ready(function () {
        $("#tabs").bind('tabsselect', function(event, ui) {
            window.location.href=ui.tab;
        });
    });