Question

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

如何限制$（window）.resize（）仅限于浏览器窗口调整大小？

Answer 1

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

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

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

Answer 2

//...

var isBrowserResize = true;

//...

function preventWindowResizeEvent() {
    isBrowserResize = false;
}

//...

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

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

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

2 个答案: