1

このjQueryプラグインを使用して、メインコンテンツとサイドバーを高さに一致させています。これは正常に機能します。しかし、私は現在、メンバーディレクトリページを更新しており、クリックすると基本リストから完全リストに展開するように名前を設定しました。ただし、コンテンツとサイドバーのdivを拡張および縮小することはできません。

ダミーコンテンツのサンプルページは次のとおりです。http：//stylesmithonline.com/AWAD_test/AWAD_directory_test.html（注：これらのonClickイベントを独自の関数に移動する必要があることはわかっています。他の誰かが元のサイトを作成したので、行うべきいくつかのクリーニング）。

リンクにクラス「expand」を追加して、次のように関数を呼び出してみました。

$(document).delegate('.expand', 'click', function(){
$("#content, #sidebar, #content-sidebar-wrap").equalHeightColumns();
});

関数の元の呼び出しを削除すると、1回だけ機能します。

$(window).load(function() {
$("#content, #sidebar, #content-sidebar-wrap").equalHeightColumns();
});

また、クリックイベントに特定の高さを渡すと、機能します。

なぜそれが私が望むように拡大したり縮小したりしないのか、何か考えはありますか？

ありがとう、スコット

4

1 に答える 1

2

ドキュメントを見ると、divの高さを読み取ることで高さが設定されているため、機能していないと思います。ただし、メインのdivにはプラグインによって設定された高さがあり、コンテンツが追加されてもこれは変わりません。

autoプラグインを呼び出す前に、divの高さをにリセットしてみてください。

$("#content, #sidebar, #content-sidebar-wrap").css('height','auto').equalHeightColumns();

また、背景が白いために高さを一致させようとしている場合は、別の方法を提案させてください。FauxColumnsテクニックを使用してください。あなたに多くの頭痛を救うことができます。

于 2012-04-18T21:35:38.503 に答える