この例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つのコントロールパネルを持つタブを作成することではなく、タブを配置することです