打開頁面預選選項卡，這不是第一個選項卡

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）選項卡

有點老問題。已回答此頁面是谷歌首頁