jquery選項卡打開特定類的選項卡

我一直有一個問題，它比需要更多的時間。我正在使用jquery.tabs.js，有一個標籤容器包含月和每個月裏面有一個ul列表包含項目。該頁面被稱爲「過去的項目」，所以當用戶今天打開這個頁面時，假設昨天的項目將有一個「selected-item」類，它將被突出顯示，並且容器月份或標籤將有一個類「selectedmonth」，問題是如何讓該選項卡在訪問頁面後打開？第一個選項卡默認打開。檢查：past items jquery選項卡打開特定類的選項卡

並單擊May。我希望我能解釋我需要的東西:) 謝謝！

來源

2011-05-27 ronymattar

您必須使用「選擇」選項

$("#your_tabs").tabs({ 
    [ ... your options ... ] 
    selected: X 
});

其中x是標籤的從零開始的索引打開（在您爲例X需要爲4）。

初始化後選擇該選項卡，你可以使用select（）方法

$("#your_tabs").tabs("select", X);

來源

2011-05-27 09:46:29 Lepidosteus

謝謝您的回覆也幫助了我，對不起延遲迴應:)我是新來的Stackoverflow。 – ronymattar 2011-06-22 09:29:22

我想你需要一點點的JQuery + CSS破解。

1-刪除選項卡選擇的類從每片

$(".monthscontainer li").removeClass("tabs-selected");

2-選項卡選擇的類添加到當前月，它示出了第五個月將被高亮顯示：

$(".monthscontainer li:nth-child(5)").addClass("tabs-selected");

或

$(".selectedmonth").addClass("tabs-selected");

3-添加選項卡隱藏類到第一tabdiv

$(".tabs-container:first").addClass("tabs-hide");

4-刪除選項卡 - 隱藏第五個div。

$("#2011-5").removeClass("tabs-hide");

是的，我知道這是一個黑客，但它似乎jQuery UI的選項卡中不包含不同的選擇爲默認值，而不是第一個標籤。

對不起，lepidosteus是正確的，最簡單的方法，如果你把負載功能選擇：

$(".months").tabs("option", "selected", 5);

You can read more here about this

來源

2011-05-27 10:05:21 tildy

也謝謝你的幫助，並抱歉延遲迴復:)我是新來的Stackoverflow。 – ronymattar 2011-06-22 09:30:24

jquery選項卡打開特定類的選項卡

回答

相關問題