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

您只需使用AND或&&即可。我还切换到jQuery的resize事件的事件处理。

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

Answer 2

使用逻辑AND运算符&&：

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

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

2 个答案: