chức năng gọi lại Viết

Question

Tôi đang sử dụng jQuery để viết những điều như thế này:

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

Đây là đáng yêu, một khi fadeOut đã hoàn thành, các bit lồng nhau thực hiện.

Tôi muốn tạo chức năng của riêng mình ở đây để thay thế fadeOut. Chức năng của tôi sẽ trông như thế nào để mã này hoạt động?

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

Answer 1

Chìa khóa chỉ được đi qua các tài liệu tham khảo chức năng với phương pháp kỵ bạn xác định và ràng buộc rằng hàm được chuyển vào $.animate hoặc bất cứ chức năng jquery hoạt hình bạn sử dụng nội bộ trong đó.

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