將多個條件傳遞給窗口調整大小

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(); 
    } 
})