funciones de devolución de llamada de escritura

Question

que estoy usando jQuery para escribir cosas como esta:

$('#current_image').fadeOut(function(){ 
     $('#current_image').attr('src',newImage).show(); 
    }); 

Esto es precioso, una vez que el fadeOut ha completado, el bit anidada se ejecuta.

Me gustaría hacer aquí mi propia función que reemplazaría a fadeOut. ¿Cómo se vería mi función para que este código funcione?

$('#current_image').customFadeOut(function(){ 
     $('#current_image').attr('src',newImage).show(); 
    }); 

Answer 1

La clave está justo pasando la referencia de función para el método de prototipos se define, y vinculante que la función pasa a $.animate o lo que sea función de animación jQuery utiliza internamente en eso.

HTML:

<div id="blah" style="color:#fff; opacity:1; background:black; height:50px; position:relative; ">fsdljfdsjfds</div> 
<a id="click" href="#">fjsd</a> 

JS:

$.fn.customFadeOut = function (callback) { 
    return $(this).animate({ 
     opacity: 0.25, 
     fontSize: "3em", 
     height: 'toggle' 
    }, 5000, function() { 
     callback.apply(this) 
    }); 

} 

$('#click').click(function() { 
    $('#blah').customFadeOut(function() { 
     alert('hi') 

    }) 

})​ 

Live Demo