如何仅跟踪浏览器窗口调整大小

时间:2013-09-07 02:22:46

标签: javascript jquery events jquery-ui-dialog

我正在使用jquery UI对话框,我希望调整相对于window高度和宽度的对话框,但是当我使用$(window).resize()$(window).on('resize')时,它们都会跟踪模式调整大小。因此,当我的$(window).resize()更新对话框高度宽度时,模态触发器会调整大小,从而激活另一个调整大小。

如何限制$(window).resize()仅限于浏览器窗口调整大小?

2 个答案:

答案 0 :(得分:1)

要缩小到实际浏览器窗口的大小:

var onBrowserReszie = function(e){
    if(e.target === window){
     // Do something here spcific to browser window resize   
    }
}

$(window).on("resize",onBrowserReszie)

答案 1 :(得分:0)

//...

var isBrowserResize = true;

//...

function preventWindowResizeEvent() {
    isBrowserResize = false;
}

//...

$(window).resize(function() {
    if (isBrowserResize) {
        //...
    } else {
        isBrowserResize = true;
    }
});

然后从您不想为主窗口preventWindowResizeEvent运行活动的任何resize致电resize