2011-01-20 27 views
0

我在我的網站上使用jQuery工具標籤,並且想要垂直標籤,而不是水平標籤。我知道jQuery UI標籤可以做到這一點,以及其他插件,但我想堅持使用jQuery工具標籤。jQuery工具 - 垂直製表符可能嗎?

具體來說,我試圖拿這個:http://flowplayer.org/tools/demos/tabs/skin4.htm做兩件事。

1)使標籤左側 2)確保垂直該面板的高度會改變以顯示所有選項卡的內容

這似乎是不可能使用絕對定位和淡入淡出的時候?我會非常樂意放棄交叉淡入淡出來實現這一目標!我瀏覽了文檔,也找不到任何東西。

回答

1

問題的第二部分需要一些Javascript/jQuery根據當前#panes div的高度來調整高度,因爲它們絕對位於正常DOM流之外。因此,在#panes上設置height:auto將不起作用。

然而,你的問題的第一部分,可以用簡單的CSS來實現,改變了你提供的,這樣的演示頁:

#panes  { width:XXXpx; float:right; } 
#nav  { width:YYYpx; } 
#nav ul { width:YYYpx; float:left; margin:0; padding:0; } 
#nav ul li { width:YYYpx; display:block; margin:0; padding:0; } /* no float! */ 

XXXpx和YYYpx加起來父包裝的寬度,所以浮標正常工作,不包裹。