Question

我需要听一下window.onresize事件，所以，使用jquery，我正在做以下

$(window).resize(...)

当我打开一个jquery ui可调整大小的对话框并调整其大小时，也会触发onresize窗口，但我不想对此事件做出反应。怎么能实现这个目标？

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

Answer 1

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

$('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");
});

如果元素调整大小不是

，则可能需要调整

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

2 个答案: