将多个条件传递给窗口调整大小

Question

我想在窗口大小调整中通过2个条件以执行这些操作。容器的拇指必须可见，并且project_thumb的页边距必须为1px。任何人都可以告诉我如何做到这一点？

window.onresize = function() { 


if (!$('#container_thumb').is(':visible')) { 
//and 
    if ($(".project_thumb").css("margin-bottom") === "1px") { 
     $('.info-top').appendTo('#Grid'); 
     $('.data').appendTo('#Grid'); 
     $('#middle').hide(); 

    } else { 


     $('.info-top').appendTo('#middle'); 
     $('.data').appendTo('#middle'); 
     $('#middle').show(); 


    } 


}; 

Answer 1

使用逻辑与操作&&：

if ($('#container_thumb').is(':visible') && $('.project_thumb').css('margin-bottom') === '1px') { 
    // do stuff 
} 

Answer 2

你只需要使用AND或&&。我也切换到了resize事件的jQuery事件处理。

$(window).on('resize', function(){ 
    if ($('#container_thumb').is(':visible') && $(".project_thumb").css("margin-bottom") === "1px") { 
    $('.info-top').appendTo('#Grid'); 
    $('.data').appendTo('#Grid'); 
    $('#middle').hide(); 
    } else { 
    $('.info-top').appendTo('#middle'); 
    $('.data').appendTo('#middle'); 
    $('#middle').show(); 
    } 
})