打开页面预选选项卡，这不是第一个选项卡

Question

我有一个页面上有一个jqueryui标签集。我希望能够打开除选定的第一个选项卡以外的选项卡页面。如果我在页面上有四个选项卡，我需要能够选择四个中的任何一个作为“打开”选项卡。

这可能是来自另一个页面的链接或来自同一框架集中页面的链接。

涵盖了一切都是PHP。

Answer 1

您将希望通过JavaScript在页面的初始加载中选择一个选项卡。这里有一个如何选择标签的例子：

http://docs.jquery.com/UI/API/1.7/Tabs#method-select

<script type="text/javascript"> 
    $(function() { 
    $("#tabs").tabs('select' , index) 
    }); 
</script> 

如果索引变量是你想要的标签的整数选择。它基于0，所以如果你想选择第三个选项卡，你需要指定2作为索引。

你要做到这一点，一旦页面已准备就绪：

http://www.learningjquery.com/2006/09/introducing-document-ready

Answer 2

预选择一个选项卡可以与selected选项初始化标签时完成。

$("#tabs").tabs({ 
    selected: index //index of the tab to be preselected 
}); 

这种情况很重要的一种情况是索引0处的选项卡加载了ajax。如果您像往常一样初始化标签，然后使用select方法更改所选标签，则会首先发送ajax请求以加载标签0.但由于您想立即显示其他标签，因此不需要此请求。 selected选项允许您跳过此请求。

Answer 3

上述答案不再适用于当前版本的jQuery UI v1.10.0。根据jQuery UI API，选项现在为活动并且不再选择。

下面是该API的链接：http://api.jqueryui.com/tabs/#option-active

初始化的标签，用指定的活动选项：

$(".selector").tabs({ active: 1 }); 

Answer 4

只需添加ui-tabs-selected类拟<li>元素。

jQuery将选择通过以下路径

1. 要激活的标签是selected选项设置
2. 如果没有设置，确实location.hash匹配任何标签<a>标签
3. 的精选hash如果没有散列匹配，不任何<li>元素都有ui-tabs-selected类
4. 如果不尝试选择第一个未禁用（ui-state-disabled）选项卡

有点老问题。已回答此页面是谷歌首页