javascript - 使用两个 jQuery 事件方法执行同一组功能

Question

在此示例中，我尝试使用 .css 让 if 语句同时在 .ready 和 .resize 上工作，但是我不明白如何组合它们。

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