jQuery UI resize redimensionar el evento de cambio de tamaño de ventana

Question

Tengo 2 eventos, uno para detectar el tamaño de la ventana y otro para detectar la detención del tamaño de div.

Pero cuando cambio el tamaño del div, en la consola detecta el evento de cambio de tamaño de la ventana.

¿Hay alguna manera de bloquear esto?

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

Ejemplo: http://jsfiddle.net/qwjDz/1/

Answer 1

ve este comportamiento debido a la formación de burbujas evento. Una solución: compruebe el origen del evento en la devolución de llamada usando event.target:

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

Demostración: http://jsfiddle.net/mattball/HEfM9/

---

Otra solución consiste en agregar un controlador resize al tamaño variable y detener la propagación del evento hasta el árbol DOM (que es el "burbujeo"). (Editar: esto debería funcionar, pero por alguna razón no:. http://jsfiddle.net/mattball/5DtdY)

Answer 2

creo que en realidad el más seguro habría que hacer lo siguiente:

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

Answer 3

Para mí, con jQuery 1.7 .2 ninguna de las soluciones propuestas aquí funcionó. Así que tuve que subir con una ligeramente diferente que funciona en los más antiguos navegadores Internet Explorer, así como cromo ...

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

esto podría tener que adaptarse si el elemento cambiado el tamaño es algo más que un <div>

Answer 4

Todas estas respuestas no serán de ayuda. El problema es que el evento de cambio de tamaño se dispara hasta la ventana. Entonces, eventualmente el e.target será la ventana incluso si el cambio de tamaño ocurrió en el div. Así que la respuesta real es simplemente dejar de propagar el evento de cambio de tamaño:

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

Answer 5

$(window).resize(function(e) { 
    if (e.target == window) 
    /* do your stuff here */; 
}); 

http://bugs.jqueryui.com/ticket/7514