jQuery UI resizable fire window resize 이벤트

Question

2 개의 이벤트가 있습니다. 하나는 윈도우 크기를 감지하고 다른 하나는 div의 크기 조정 가능한 정지를 감지합니다.

하지만 div에서 크기를 조정할 때 콘솔에서 창 크기 조정 이벤트를 감지합니다.

차단할 방법이 있습니까?

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

예 : http://jsfiddle.net/qwjDz/1/ 당신 때문에 이벤트 버블 링이 동작을 볼 수

Answer 1

. 한 가지 해결 방법 : event.target를 사용하여 콜백 이벤트의 소스를 확인 :

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

데모 : http://jsfiddle.net/mattball/HEfM9/

---

또 다른 해결책은 크기 조정에 resize 처리기를 추가하고 이벤트의 전파를 중지하는 것입니다 DOM 트리 ("버블 링").은 (편집 :이 작동하지만 어떤 이유로 수행해야하지 :. http://jsfiddle.net/mattball/5DtdY)

Answer 2

내가 실제로 가장 안전한 다음을 수행 할 수있을 것이라고 생각 : JQuery와 1.7, 나를 위해

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

Answer 3

.2 여기서 제안 된 해결책 중 어느 것도 효과가 없었다. 그래서 ... 오래된 IE 브라우저뿐만 아니라 크롬에서 작동 약간 다른 하나 마련했다

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

크기를 조정할 요소가 <div>

Answer 4

보다는 뭔가 다른 경우이 적응해야 할 수도 있습니다

이러한 답변은 모두 도움이되지 않습니다. 문제는 크기 조정 이벤트가 창에 표시된다는 것입니다. 따라서 결국 div에 크기가 조정 된 경우에도 e.target이 창으로 표시됩니다. 그래서 진짜 대답은 단순히 크기 조정 이벤트를 전파 중지하는 것입니다 : 이것은 버그가 수 있도록이

$("#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