0

この例http://jqueryui.com/demos/tabs/#bottomのようにタブ レイアウトを作成し、パネルの下にコントロールを配置しました。私は 3 つのデフォルトのタブを持っていますが、これらは削除できず、ユーザーはさらにタブを追加したり削除したりできます。

問題は、デフォルトのタブがhttp://jqueryui.com/demos/tabs/#defaultのように上部にある必要があることです。UIは 2 つのコントロール パネルをサポートしていないため、上部にコントロール パネルのような新しい要素を作成しました。<p class="ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-top tabs-header-top"></p>一定の高さで。しかし、デフォルトのタブを正しい位置に移動する方法がわかりません。それらを追加しようとしましたposition: relative; top:-20em;が、これを機能させるには、タブコンテナ全体の高さを固定する必要があり、ウィンドウ内でできるだけ大きくする必要があるため、それは悪いことです。

デフォルトのタブを一番上に移動する他の方法はありますか?

ありがとう

編集:これは私のアイデアの例ですが、固定高さ http://jsfiddle.net/L6QjK/2/で実現されています

明確にするために:この方法は技術的に機能しているため、問題は2つのコントロールパネルを持つタブを作成することではなく、タブを配置することです

4

2 に答える 2

0

うまくいくかどうかはわかりませんが、2 つの DIV を作成してみてください。1 つはデフォルト スタイルで、もう 1 つは下のスタイルです。

<div class="tabs">...
<div class="tabs tabs-bottom">

そして使用する$(".tabs").tabs(...)

于 2012-08-01T12:57:59.190 に答える