Ein Div mit jQuery-CSS so einstellen, dass es die gleiche Höhe wie ein anderes Div hat

Question

Ich habe ein Problem, das versucht, die Höhe eines div mit jQuery basierend auf der Höhe des div sitzt neben ihm zu setzen. Im Grunde habe ich zwei divs und ich möchte, dass sie beide die gleiche Höhe sein. Das linke Div wird sich in der Höhe verändern und hat kein Höhenelement im CSS/HTML. Das rechte Div kann auch die Höhe ändern, aber das linke wird immer größer sein.

Nachfolgend mein Versuch, die richtige Einstellung zu finden ( #p_window ) auf das gleiche Niveau wie .c_content_right . (Ignorieren Sie die seltsamen Namenskonventionen)

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

Hier ist ein jsFiddle-Demo

Answer 1

jsFiddle-Demo

Wenn Sie Füllungen haben, verwenden Sie zur Berechnung der Gesamthöhe: outerHeight() :

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

  if ( catH  > $('#product_window').height() ){
      $('#product_window').height( catH  );    
  }

Answer 2

Hier ist eine funktionierende Fiedel, die auf Ihrer basiert.

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

• Ihr Fiddle war nicht auf jQuery eingestellt.
• Ich komme in jQuery beim Hinzufügen von CSS durcheinander, wenn ich die Variablen nicht einfach außerhalb von jQuery setze, denn es gibt mehrere Syntaxen, die man verwenden kann, und ich komme immer durcheinander.
• Wenn Ihre Änderungen nicht funktionieren, fügen Sie innerhalb der "if"-Schleife eine Warnung ein, um zu sehen, ob Sie so weit gekommen sind.