将.width()和.resize()组合成一个函数

时间:2017-05-01 16:53:10

标签: javascript jquery

如何结合这个JS代码?我现在有一个重复的代码,并且不知道如何将window.width()与resize函数结合起来。该函数必须在1100px下执行,并在1100px下调整大小。

if($(window).width() <= 1100){

// do something if window is less than 1100px

$(window).resize(function() {

// I have the same code here now a above! How can I combine it?

});

} // end window.width()

1 个答案:

答案 0 :(得分:3)

尝试颠倒你的逻辑:

$(window).on("load resize", function() {

  if($(this).width() <= 1100){
   // do something
  }

});

另外,您可以添加上述 load resize 事件。

如果您想在 DOM ready 上触发它,而不是:

function myResizeFunction() {

  if($(window).width() <= 1100){
    // do something
  }

}


$(myResizeFunction); // Do on DOM ready
$(window).on("load resize", myResizeFunction); // And also on load and resize