监听窗口onresize，不包括jquery对话框的onresize

Question

我需要侦听window.onresize事件，因此，使用jquery，我将执行以下操作

$(window).resize(...)

当我打开一个可调整大小的jquery ui对话框时，窗口onresize也会被触发，但我不想对此事件做出反应。如何才能做到这一点？

当窗口的大小改变时，我需要监听window onresize来调整内部面板的大小

Answer 1

对我的评论进行少量扩展:在设置可调整大小的对话框时，尝试在传递给resize属性的resize回调处理程序中调用event.stopPropagation()。代码应该是这样的：

$('selector-for-dialog').resizable({
    resize: function(event, ui) {
        // do some stuff to react to this event here
        event.stopPropagation();
    }
});

Answer 2

在JQuery 1.7.2中，我使用了这段代码，它可以在旧的IE浏览器以及Chrome...

$(window).bind('resize', function(event) {
    if ($(event.target).prop("tagName") == "DIV") {return;}  // tag causing event is a div (i.e not the window)
    console.log("resize");
});

如果调整大小的元素不是