JQuery UI選項卡摺疊除一個選項卡以外的所有選項

我有一個簡單的JQuery UI選項卡菜單工作，並且我將其設置爲除第一個（Home）之外的所有鏈接都會展開/摺疊，然後單擊「Home」項目只是重定向到同一頁面。JQuery UI選項卡摺疊除一個選項卡以外的所有選項

$("#tabs").tabs({ 
    collapsible: true, 
    select: function(event, ui) { 
     if (ui.index == 0){//home 
      window.location.href = 'test.html'; 
     } 
    } 
});

雖然這工作，當「首頁」標籤處於活動狀態，並且您單擊任何其他選項卡上的第一次，這兩個標籤，獲得適用於某些原因，活動類。這隻發生在第一次。再次選擇相同的選項卡或其他選項卡不會導致該問題。我不知道如何解決這個問題。

You can see the demo here

來源

2012-10-01 AbeH

不知道是否當我編輯我的答案時通知你，但我添加了一個新的jsfiddle的解決方案。 – Colleen

謝謝。這很好！ – AbeH

2個問題：

您的「＃」 href是導致錯誤
沒有回家的參考似乎也導致錯誤。

http://jsfiddle.net/D7kqG/3/似乎有你want--你只是要的風格的「家」 div來有沒有高度/寬度看你想要的方式的功能。

編輯：本來預計這個工作：

http://jsfiddle.net/D7kqG/4/

（即崩潰主頁選項卡時，它被點擊），但它不添加類...

好吧，這應該正是你想要的： http://jsfiddle.net/D7kqG/5/

它崩潰和自動擴展內容div爲主頁選項卡。

來源

2012-10-01 16:47:04 Colleen

我原本的家庭href去「家」div。這種方法的問題是，主頁選項卡也變得可摺疊，看起來很可怕，因爲它沒有內容。我只想讓home標籤根本不會摺疊（但其他標籤可摺疊），但每次點擊時都會將主動類應用於它。我的第一種方法是這樣做的，除了多個活動選項卡異常。 – AbeH

哎呦，貼錯了小提琴...只是一秒鐘。你可以設置home div的樣式，當它「崩潰」時，它不會真的做任何事情。 – Colleen

對不起，我打算說家裏的標籤不應該展開或者摺疊。基本上它應該只是一個靜態菜單項，而其他每個選項卡展開/摺疊。 – AbeH

嘗試使用第一個（）在你的選擇。這裏是參考：http://api.jquery.com/first/

希望這會有所幫助。

來源

2012-10-01 16:38:43 felipekm

我嘗試使用第一個（）方法，但它沒有幫助。 – AbeH

JQuery UI選項卡摺疊除一個選項卡以外的所有選項

回答

相關問題