如何以編程方式設置jQuery默認選項卡？

Question

我有一個代表7個工作日的jQuery UI選項卡。唯一的問題是，第一次加載頁面時，星期一是活動選項卡。我也可以使用active：3來更改活動頁面，但我不希望修復活動選項卡。我提供了一個隱藏的領域，有一天的價值。

@Html.Hidden("day", day) 

那麼如何設置活動頁面程序？

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

感謝您的幫助

Answer 1

你不希望它修復，所以我假設你有所需的活性一天的典範。如果是這樣，你可以做到這一點

$('#tabs').tabs({ selected: '@Model.ActiveDay' }); 

這是一箇舊的方式（從舊項目）。 Based on the this documentation做的（最新和）正確的做法是這樣的：

$("#tabs").tabs({ active: '@Model.ActiveDay' }) 

記住，這是從零開始的，所以要確保你的days是從零開始也是如此，如果沒有，那麼分配相應的值（例如做-1如果你的日子從一開始）

Answer 2

如果你提供一個隱藏的字段，在服務器端生成並從服務器中填充一個值，然後你想用JavaScript來讀取隱藏字段並相應地設置選項卡的活動狀態，那麼在將其發送到客戶端之前，您可能只需在服務器上生成的HTML標記中設置活動狀態即可。

您可以通過將以下類添加到li，您想要從ui-tabs-active ui-state-active開始活動li。

此外你必須設置style="display: block"上連接到要被激活的標籤的div，並設置div的aria-expanded屬性true和aria-hidden屬性false。

這應該是訣竅。