fonctions de rappel d'écriture

Question

J'utilise jQuery pour écrire des choses comme ceci:

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

C'est belle, une fois que la fadeOut terminée, le bit imbriqué exécute.

Je voudrais faire ma propre fonction ici qui remplacerait fadeOut. A quoi ressemblerait ma fonction pour que ce code fonctionne?

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

Answer 1

La clé est juste de passage la référence de fonction à la méthode prototypal vous définissez, et la liaison de cette fonction passée à $.animate ou quelle que soit la fonction animation jquery vous utilisez en interne à cet égard.

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