Yazma geri arama fonksiyonları

Question

: Bu güzel

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

fadeOut tamamlandığında, iç içe biraz yürütür.

Burada kendi işlevimi yapmak istiyorum fadeOut yerini alacak. Bu kodun çalışması için işlevim neye benziyordu?

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

Answer 1

anahtarı sadece tanımlamak prototypal yönteme fonksiyon referans geçen ve bu dahili kullanımı $.animate ya da her türlü jquery animasyon fonksiyonu fonksiyonu geçti bağlayıcıdır.

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