只有運行自定義功能後，功能完整的jQuery

Question

我通常做例如爲：

$(".item").fadeIn(function(){ 
    alert('done'); 
}); 

哪個作品？ （我相信是正確的？）但我如何使用自定義函數做到這一點？

E.g.

$(".item").customFunction(function(){ 
    customFunctionTwo(); 
}); 

Answer 1

基本上它看起來像這樣

$.fn.customFunction = function (callback){ 
    //some code 
    callback(); 
} 
$('.item').customFunction(function() { 
    customFunctionTwo(); 
}); 

Answer 2

我想你應該看的承諾https://api.jquery.com/promise/

$.fn.customFunction = function (callback){ 
    var myFn = function(){ 
     /* your code along with settimeout as well if you choose*/ 
     //example 
     return $("div").fadeIn(800).delay(1200).fadeOut(); 
    } 
    $.when(myFn()).done(function() { 
     callback(); 
    }); 
}  

$('.item').customFunction(function() { 
    customFunctionTwo(); 
});