2

インターフェイスにjQueryタブを使用しています。メインのdiv（タブオーバーレイ）でページのサイズを取得したいのですが。現時点では、オーバーレイで機能していますが、タブの長さは自動的に設定され、コンテンツが許す限り小さくなっています（異常なことや予期しないことはありません）。

簡単に言うと、私の質問は、タブを正確に正しい寸法にする方法を教えてください。
それらを大きくしようとしましたが、ページの下部に到達していなくても、オーバーレイを強制的に大きくしているようです。

編集：コード例：

   <div id="a-tab-panel" class="ui-tabs-hide"> </div>
            <div id="tabs">
            <ul>
                    <li><a href="#tabs-1" class="tabStyle">Conférences</a></li>
                    <li><a href="#tabs-2" class="tabStyle">Annuaire</a></li>
                    <li><a href="#tabs-3" class="tabStyle">Statistiques</a></li>
            </ul>
                <div id="tabs-1">
                Content...
            </div>
            <div id="tabs-2" class="tabContentStyle">

                Content...

            </div>
            <div id="tabs-3" class="tabContentStyle">

                Content...

            </div>
    </div>
4

1 に答える 1

3

タブが水平に配置されていると仮定します。

更新された例：

<div id="tabs">
   <ul>
       <li><a href="#fragment-1"><span>One</span></a></li>
       <li><a href="#fragment-2"><span>Two</span></a></li>
       <li><a href="#fragment-3"><span>Three</span></a></li>
   </ul>
   <div id="fragment-1">
       <p>First tab is active by default:</p>
       <pre><code>$('#example').tabs();</code></pre>
   </div>
   ...
</div>

次に、すべてのタブの高さを最も高いタブの高さに設定します。私の場合は＃fragment-1です。

$("#tabs div.ui-tabs-panel").css('height', $("#fragment-1").height());

方法2：

または、EqualHeightsjQueryプラグインを使用して、コンテンツに応じてタブの高さを自動的に設定することもできます。

于 2012-05-30T15:24:03.027 に答える