2

私はこのサイトのjqueryスライディングタブを使用しています。これは非常にうまく機能します。唯一の問題は、autoHeightjquery関数がコンテンツの拡張に適応しないことです。言い換えると、タブコンテナは非アクティブなコンテンツの高さに調整されますが、問題は、コンテナ内のコンテンツがアクティブになり、垂直方向に拡張すると、収まらず、表示されなくなることです<---それに調整できません。これがJSFFIDLEの例です

コンテンツを拡張するために高さを調整するためにこれを実行しようとしましたが、機能していません。

<script>
 var height = 50 // Set to the height you want
        $('.st_view').css('height', height+'px')

    });​

    </script>

全体的なJquery

 <script>

    $(document).ready(function() {

        $('div#st_horizontal').slideTabs({
            // Options              
            contentAnim: 'slideH',
            autoHeight: true,
            contentAnimTime: 600,
            contentEasing: 'easeInOutExpo',
            tabsAnimTime: 300
        });

        var height = 50 // Set to the height you want
        $('.st_view').css('height', height+'px')

    });​

    </script>
4

1 に答える 1

1

コンテンツを拡張するのがトグルだけの場合は、次のようにトグルコードを変更できます。

$('#title').click(function() {
    $(this).toggleClass('active');
    $('#content').toggle();
    var $tab = $(this).closest('.st_tab_view');
    $tab.closest('.st_view').css('height', $tab.height());
});

より一般的な解決策については、jQueryサイズ変更プラグインを入手して、次のコードを追加してください。

$('.st_tab_view').resize(function() {
    var $this = $(this);
    $this.closest('.st_view').css('height', $this.height());
});
于 2012-06-29T18:51:36.953 に答える