更改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);
Interesting Posts