3

絶対に配置されるタブをいくつか設定しました。これにより、フッターが押し下げられません。コンテンツの高さが異なるため、css でタブ コンテナーを高さに設定したくありません。

コンテンツ div を計算し、スタイルを .tabs クラスに適用して、フッターがタブのコンテンツの下に押し下げられ、高さを与える方法を見つけたいと考えています。誰かがjquery/javascriptの初心者を助けることができますか

ここに私のhtmlがあります:

<article class="tabs">
    <section class="current">
        <h3>Documents</h3>
        <div>
            <p >content</p>
        </div>
    </section>
    <section>
        <h3>Info</h3>
        <div>
            <p>content1</p>
        </div>
    </section>
    <section>
        <h3>Credentials</h3>
        <div>
            <p>A credentials tab content2</p>
        </div>

    </section>
</article>

これまでの私のスクリプトは次のとおりです。

  <script type="text/javascript">
    $(function(){
        // Fast and dirty
        $('article.tabs section > h3').click(function(){
            $('article.tabs section').removeClass('current');
            $(this)
            .closest('section').addClass('current');
        });
    });

</script>

アップデート：$(".tabs .current").find("div").height(); $(".tabs").css("height"," .height");

これをスクリプトに追加しようとしましたが、必要に応じてタブ div にスタイルを追加しますが、コンテンツ div の高さを計算できません。SO 最初のアートが間違っています。コンテンツがある div の高さを計算するにはどうすればよいですか? 次に、コードの下部に適用して、タブ div のインライン スタイルに高さを追加します。

4

1 に答える 1

1

$.height 関数を使用してタブの高さを取得しようとしましたか?

更新:タブを設定するために実行したコードの後に​​、必ず $.height を起動してください。また、呼び出しのターゲットが、個々のタブだけでなく、タブ コンテナーのセレクターであることを確認してください。

于 2012-05-10T14:55:06.383 に答える