jQuery UI可调整大小的防火窗口调整大小事件

Question

我有2个事件,一个用于检测窗口调整大小,另一个用于检测div的可调整大小的停止.

但是当我调整div的大小时,在控制台中检测窗口调整大小事件.

有什么方法可以阻止这个吗？

$(document).ready(function(){
     $(window).bind('resize', function(){
        console.log("resize");    
     }); 
     $(".a").resizable();
 });

示例:http://jsfiddle.net/qwjDz/1/

Answer 1

所有这些答案都无济于事.问题是调整大小事件会向窗口冒泡.所以最终e.target将成为窗口,即使调整大小发生在div上.所以真正的答案是简单地停止传播resize事件:

$("#mydiv").resizable().on('resize', function (e) {
    e.stopPropagation(); 
});

Answer 2

由于事件冒泡,您会看到此行为.一种解决方法:使用event.target以下方法检查回调中事件的来源:

$(window).bind('resize', function(event) {
    if (!$(event.target).hasClass('ui-resizable')) {
        console.log("resize");
    }
});

演示:http://jsfiddle.net/mattball/HEfM9/

另一个解决方案是向resizeresizable 添加一个处理程序,并停止事件在DOM树上的传播(即"冒泡").(编辑:这应该有效,但出于某种原因不行:http://jsfiddle.net/mattball/5DtdY.)

Answer 3

我认为最安全的做法是:

$(window).bind('resize', function(event) {
    if (this == event.target) {
        console.log("resize");
    }
});