2

隣にある div の高さに基づいて、jQuery で div の高さを設定しようとして問題が発生しています。基本的に、2 つの div があり、両方を同じ高さにしたいと考えています。左の div は高さが変化し、CSS/HTML に高さ要素が設定されていません。右の div も高さを変更できますが、左の div は常に大きくなります。

これは、正しいもの ( #p_window) を と同じに設定するための以下の私の試み.c_content_rightです。(奇妙な命名規則は無視してください)

if ($('.c_content_right').length) {        
        if ($('.c_content_right').height() > $('#p_window').height()) {
            $('#p_window').css('height', $('.c_content_right').height() + 'px');    
        }                    
}

ここに jsFiddleデモがあります

4

2 に答える 2

3

jsFiddle デモ

パディングがある場合、合計の高さを計算するには: outerHeight():

  var catH = $('.category_content_right').outerHeight();

  if ( catH  > $('#product_window').height() ){
      $('#product_window').height( catH  );    
  }
于 2012-08-08T11:03:25.040 に答える
0

これはあなたのものに基づいた実用的なフィドルです。

http://jsfiddle.net/MfrqA/10/

  • あなたのフィドルはjQueryに設定されていませんでした。
  • CSS を追加するときに jQuery で混乱してしまいます。変数を外​​部に設定しないと、使用できる構文がいくつかあるため、いつも混乱してしまいます。
  • 編集が機能しない場合は、「if」ループ内にアラートを追加して、そこまで到達したかどうかを確認してください。
于 2012-08-08T11:14:17.210 に答える