Question

在此示例中，我尝试使用.css在.ready和.resize上同时使用我的if语句，但我不了解如何合并它们。

var windowsize = $(window).width();

$(window).ready(function() {

  windowsize = $(window).width();

  if (windowsize > 440) {

    $('body').css("background-color", "blue");

  }
  else { 

$('body').css("background-color", "red");  

  }

});

任何帮助？

Answer 1

function resizeMe(){
  var windowsize = $(window).width();

  if (windowsize > 440) {
    $('body').css("background-color", "blue");
  } else { 
    $('body').css("background-color", "red");  
  }
}


$(window).ready(resizeMe)
         .resize(resizeMe);

或者，感谢@Palpatim，这样：

$(window).on("ready resize", resizeMe);

并且可以简化功能（感谢@bfontaine）：

function resizeMe(){
    $('body').css("background-color", $(window).width() > 440 ? "blue" : "red");
}

Answer 2

尝试

$(window).on("load resize", function() {    
  var windowsize = $(window).width();    
  if (windowsize > 440) {    
    $('body').css("background-color", "blue");    
  }
  else {     
    $('body').css("background-color", "red");      
  };    
}).resize();

jsfiddle http://jsfiddle.net/guest271314/mnk7ovmg/

使用两个jQuery事件方法来执行同一组函数

2 个答案: