jQuery यूआई आकार बदलने योग्य आग खिड़की का आकार बदलें

Question

मेरे पास 2 घटनाएं हैं, एक विंडो का आकार बदलने के लिए और दूसरा div के resizable stop का पता लगाने के लिए।

लेकिन जब मैं 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 हैंडलर जोड़ने और ईवेंट का प्रचार अप को रोकने के लिए है डोम पेड़ (वह "बुलबुला" है)। (संपादित करें: यह काम करना चाहिए, लेकिन किसी कारण से नहीं करता है:। 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

से कुछ और है हो सकता है

इन सभी उत्तरों की मदद नहीं की जा रही है। मुद्दा यह है कि खिड़की तक घटना का आकार बदलता है। अंत में e.target खिड़की होगी भले ही आकार div पर हुआ हो। तो असली जवाब बस आकार बदलने घटना के प्रचार को रोकने के लिए है:

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