Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
更改jQuery UI选项卡的选定选项卡_Jquery_Jquery Ui - Fatal编程技术网

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

更改jQuery UI选项卡的选定选项卡,jquery,jquery-ui,Jquery,Jquery Ui,这个问题以前被问过好几次,但没有一次与我的情况类似 我有jQuery Tabs控件,可通过ajax加载我的选项卡: <div id="tabs"> <ul> <% if (AccessControll.HasAccess(Url.Action("ViewSchemeInformation","Scheme"))){%> <li><a id="tab_1" href="<%= Url.Action("ViewSch

这个问题以前被问过好几次,但没有一次与我的情况类似

我有jQuery Tabs控件,可通过ajax加载我的选项卡:

<div id="tabs">
<ul>
    <% if (AccessControll.HasAccess(Url.Action("ViewSchemeInformation","Scheme"))){%>
        <li><a id="tab_1" href="<%= Url.Action("ViewSchemeInformation","Scheme", new {schemeNumber = Model.SchemeNumber}) %>">Information</a></li>
    <%}%>
    <% if (AccessControll.HasAccess(Url.Action("SchemeUpdate", "Scheme"))){%>
        <li><a id="tab_2" href="<%= Url.Action("SchemeUpdate","Scheme", new {schemeNumber = Model.SchemeNumber}) %>">Update</a></li>
    <%}%>
    <%if (AccessControll.HasAccess(Url.Action("MinimumRequirements","Scheme"))){%>
        <li><a id="tab_3" href="<%= Url.Action("MinimumRequirements","Scheme", new {schemeNumber = Model.SchemeNumber}) %>">Minimum Requirements</a></li>
    <%}%>
</ul>

这些选项卡是根据访问权限显示的,因此我的选项卡索引从不相同,因此我在每个
href
中添加了
id

我从不同的地方链接到这个特定的页面,每个链接都必须转到这个页面并选择它所指的选项卡

我的url将如下所示:
http://localhost:34412/Scheme/ViewSchemeDetails/BS-000469800000?activeTab=1

如何基于querystring中的activeTab参数使用jQuery选择选项卡

请注意,querystring中的数字始终对应于my
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', activeTab);

只是想让您知道,
$('#tab_'+activeTab)存在一些ie7问题这可能适用于旧版本的tabs小部件。“活动”(而不是“选定”)是当前的工作方式。
tabs_object.tabs('widget').tabs("option", 'selected', activeTab);