jQuery UI yeniden boyutlandırılabilir yangın penceresi yeniden boyutlandırma olayı

Question

Bir tanesini yeniden boyutlandırılabilir algılamak için pencere yeniden boyutlandırmak ve diğerini algılamak üzere 2 olayım var.

Ancak div'u yeniden boyutlandırdığımda, konsolda pencere yeniden boyutlandırma olayını algılar.

Bunu engellemenin bir yolu var mı?

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

Örnek: http://jsfiddle.net/qwjDz/1/ yüzünden olay köpüren bu davranışı görmek

Answer 1

. Bir geçici çözüm: event.target kullanarak geri aramasında olayın kaynağını kontrol edin:

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

Demo: http://jsfiddle.net/mattball/HEfM9/

---

diğer çözüm boyutlandırılabilir bir resize işleyici ekleyin ve etkinliğin yayılmasını kadar durdurmak DOM ağacı (bu "kabarcıklanma"). (Düzenleme: Bu işe, ama nedense yapar gerekir değil. http://jsfiddle.net/mattball/5DtdY)

Answer 2

Aslında en güvenli aşağıdakileri yapmak olacağını düşünüyorum: JQuery 1.7 ile, Benim için

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

Answer 3

.2 burada önerilen çözümden hiçbiri işe yaramadı. Bu yüzden ... eski IE tarayıcıları yanı sıra Chrome'da çalışır biraz farklı bir ile gelmek zorunda kaldı

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

resized eleman bir <div>

Answer 4

daha başka bir şeydir, bu uyarlanabilir gerekebilir

Tüm bu cevaplar yardımcı olmayacak. Sorun, pencereye kadar olayları yeniden boyutlandırmaktır. Sonuç olarak, e.target, yeniden boyutlandırma, div üzerinde gerçekleşse bile penceredir. Yani gerçek cevabı basitçe yeniden boyutlandırma olayını ilerleyen durdurmak için: Bu bir hata olmak zorunda

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