jQuery fadeIn घटना?

Question

क्या किसी तत्व को jQuery का उपयोग करने में फीका होने पर किसी प्रकार की घटना अधिसूचना प्राप्त करना संभव है? अर्थात। अगर वहाँ था एक 'fadeInEvent' मैं जैसे

$('elements').delegate('selector', 'fadeInEvent', function() { 
    alert('someId has faded in'); 
}); 

मैं जानता हूँ कि jQuery.fadeIn() के लिए एक कॉलबैक फ़ंक्शन, उदा है कि वहाँ कुछ कोशिश करेंगे

$('#someId').fadeIn('fast', function() { 
    alert('callback when someId has faded in'); 
}); 

लेकिन यदि संभव हो तो मैं एक ईवेंट समाधान का उपयोग करूंगा। मैंने :visible का उपयोग करके कुछ प्रोटोटाइप भी किया, लेकिन फीड पूरा होने से पहले यह true लौटाता है।

Answer 1

आप trigger कर सकते हैं कॉलबैक में एक कस्टम ईवेंट:

$("#someId").fadeIn("fast", function() { 
    $(this).trigger("fadeInComplete"); 
}); 

घटना होगा बबल सामने सबसे घटनाओं की तरह डोम पेड़, आप on (jQuery 1.7+) के साथ पूर्वज तत्वों में से किसी पर यह कब्जा कर सकते हैं ताकि, bind या delegate:

$("#someAncestor").on("fadeInComplete", function() { 
    //Element has finished fading in. 
}); 

Answer 2

आप यह सुनिश्चित कर सकते हैं कि प्रत्येक कॉलबैक आप fadein विधि में पारित में आप उचित घटना बढ़ा, या आप बंदर exising jQuery fadein विधि पैच सकता है हमेशा कॉलबैक में एक fadeInEvent बढ़ाने के लिए, उदाहरण के लिए:

(function($) { 
    var jQueryFadeIn = $.fn.fadeIn; 
    var newFadeIn = function(speed, callback) { 
    var newCallback = function() { 
     if (callback) { 
      callback.apply(this, arguments); 
     } 
     $(this).trigger('fadeInComplete'); 
    }; 
    jQueryFadeIn(speed, newCallback); 
    }; 
    $.fn.fadeIn = newFadeIn; 
})(window.jQuery); 

Answer 3

शायद तुम Jquery-UI effects का उपयोग करें और कॉलबैक तर्क