Как установить одинаковые значения высоты с помощью JQuery, если другое заявление

Question

Когда окно повторно размер, если высота #cat меньше, чем высота #dog, высота #cat должна быть установлена ​​равной высоте #dog.

$(window).resize(function() { 

    if (('#cat').height < ('#dog').height) 

    $(('#cat').height = ('#dog').height) 

    else nothing 

Какой должен быть код JQuery?

Может ли кто-нибудь мне помочь?

Answer 1

Я считаю, что это то, что вы ищете.

$(window).resize(function() { 
    if ($('#cat').height() < $('#dog').height()) { 
     var dogHeight = $('#dog').height() 
     $('#cat').height(dogHeight) 
    } 
}) 

Если ничего не ожидается, произойдет в else блоке, вам не нужно.

Answer 2

Попробуйте так:

$(window).resize(function() { 
var cHeight = $("#cat").height(); 
var dHeight = $("#dog").height(); 
if(cGHeight < dHeight){ 
    $("#dHeight").height(cHeight); 
} 

Answer 3

Вы можете использовать Math.max, чтобы решить эту проблему без необходимости, если заявление. Также обратите внимание, что неплохо было бы отгадать событие resize, чтобы он не вызывал неудобства при изменении размера окна. Попробуйте это:.

var resizeTimer; 
$(window).resize(function() { 
    clearTimeout(resizeTimer); 
    resizeTimer = setTimeout(function() { 
     var $cat = $('#cat'), $dog = $('#dog'); 
     $cat.height(Math.max($cat.height(), $dog.height())); 
    }, 100); 
}); 

Working example