更改jQuery UI选项卡的Selected选项卡

之前已经问了几次这个问题,但没有一个与我的情景相似。

我有jQuery Tabs控件,通过ajax加载我的标签:

  • <a id="tab_1" href="https://stackoverflow.com/questions/5619405/change-selected-tab-of-jquery-ui-tabs/">Information
  • <a id="tab_2" href="https://stackoverflow.com/questions/5619405/change-selected-tab-of-jquery-ui-tabs/">Update
  • <a id="tab_3" href="https://stackoverflow.com/questions/5619405/change-selected-tab-of-jquery-ui-tabs/">Minimum Requirements

这些选项卡是基于访问权限显示的,因此我的选项卡索引永远不会相同,因此我为每个href添加了一个id

我从各个地方链接到此特定页面,每个链接必须转到此页面并选择它所引用的选项卡。

我的url看起来像这样: http://localhost:34412/Scheme/ViewSchemeDetails/BS-000469800000?activeTab=1

如何根据查询字符串中的activeTab参数使用jQuery选择选项卡?

请注意,查询字符串中的数字始终对应于我的href的id。

获取查询字符串:

 var queryString = window.location.search; 

获取activeTab部分:

 var activeTab = queryString.match(/\bactiveTab=([^&]*)/)[1]; 

选择具有正确ID的选项卡:

 $('#tab_' + activeTab).click(); 
 tabs_object.tabs('widget').tabs("option", 'selected', 2); 

在你的情况下

 tabs_object.tabs('widget').tabs("option", 'selected', activeTab);