jQuery fadeIn event?

Question

¿Es posible obtener algún tipo de notificación de eventos cuando un elemento se ha desvanecido usando jQuery? Es decir. si había un 'fadeInEvent' me gustaría probar algo así como

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

Sé que hay una llamada de retorno para jQuery.fadeIn(), por ejemplo,

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

pero prefiero usar una solución de evento si es posible. También hice algunos prototipos utilizando :visible, pero devuelve true antes de que se haya completado el fundido.

Answer 1

puede trigger un evento personalizado en la devolución de llamada:

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

el evento estará circulando por el árbol DOM como la mayoría de los eventos, por lo que puede capturarlo en cualquiera de los elementos antecesores con on (jQuery 1.7+), bind o delegate:

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

Answer 2

Se podría asegurar que en cada devolución de llamada se pasa al método fadeIn se eleva el evento apropiado, o usted podría mono parchear el método jQuery fadeIn exising para elevar siempre una fadeInEvent en la devolución de llamada, por ejemplo:

(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

Tal vez se puede utilizar Jquery-UI effects y utilizar el argumento de devolución de llamada