Question

当窗口重新调整大小时，如果#cat的高度小于#dog的高度，则#cat的高度应设置为{{1}的高度}}。

#dog

Jquery代码应该是什么？

有人可以帮助我吗？

Answer 1

试试这样：

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

Answer 2

您可以使用Math.max来解决此问题而无需if语句。另请注意，去除resize事件是一个好主意，这样当窗口调整大小时，它就不会让UI看起来很跳跃。试试这个：

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

Answer 3

我相信这就是你要找的东西。

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

如果预计在else区块中不会发生任何事情，则不需要它。

如何使用jquery if else语句设置相同的高度值

3 个答案: