如何在浏览器调整大小时触发事件

Question

我的页面上有jquery modal popup window。我想使用如下调整大小的事件：

  

$（window）.resize（function（）{// some code};

一切正常但在调整模态窗口时也会触发此功能。我只想让代码在浏览器窗口大小上运行。

提前致谢。

Answer 1

只需检查目标：

$(window).resize(function (e){//Pass the event
    if(e.target === window){
        //Is the window!
    }
});

如果你调整模态的大小，目标就是div本身。

Answer 2

使用jQuery 1.9.1：http://jsfiddle.net/dwpd7b7r/

，你有一个工作js小提琴

你的javascript：

$( window ).resize(function() {
  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
});