0

サイト全体で jQuery Tools タブを使用していますが、水平タブではなく垂直タブが必要です。jQuery UI タブや他のプラグインでこれができることは知っていますが、jQuery Tools タブを使い続けたいと思っています。

具体的には、http: //flowplayer.org/tools/demos/tabs/skin4.htmを取り、 2 つのことを実行しようとしています。

1) 左側のタブを垂直にします 2) パネルの高さが変更され、そのタブのコンテンツがすべて表示されるようにします

絶対配置とクロスフェードを使用する場合、これは不可能に思えますか? これを機能させるために、クロスフェードをあきらめることができれば幸いです。私はドキュメントを調べましたが、何も見つかりませんでした。

4

1 に答える 1

1

質問の2番目の部分では、現在の高さに応じて高さを調整するJavascript/jQueryが必要です。#panes divそれらは絶対に配置されているため、通常のDOMフローの外側にあります。したがって、height:autoオンに設定しても機能し#panesません。

ただし、質問の最初の部分は、提供したデモページを次のように変更して、単純な 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 は親ラッパーの幅まで追加されるため、フロートは適切に機能し、折り返されません。

于 2011-01-20T17:12:20.840 に答える