jQuery fadeIn事件？

Question

當元素使用jQuery淡化時，是否可以獲取某種事件通知？即如果有一個「fadeInEvent」我會嘗試像

$('elements').delegate('selector', 'fadeInEvent', function() { 
    alert('someId has faded in'); 
}); 

我知道，有對jQuery.fadeIn()一個回調函數，例如

$('#someId').fadeIn('fast', function() { 
    alert('callback when someId has faded in'); 
}); 

但我寧願使用事件解決方案，如果可能的話。我也做了一些使用:visible的原型，但在淡入完成之前它會返回true。

Answer 1

您可以trigger回調自定義事件：

$("#someId").fadeIn("fast", function() { 
    $(this).trigger("fadeInComplete"); 
}); 

該事件將冒泡DOM樹最喜歡的活動，這樣你就可以on（jQuery的1.7+）捕捉到它的任何祖先元素， bind或delegate：

$("#someAncestor").on("fadeInComplete", function() { 
    //Element has finished fading in. 
}); 

Answer 2

你可以確保你傳遞到淡入方法每次回調你提出相應的事件，或者你可以猴子修補exising jQuery的淡入方法總是提出一個fadeInEvent回調，如：

(function($) { 
    var jQueryFadeIn = $.fn.fadeIn; 
    var newFadeIn = function(speed, callback) { 
    var newCallback = function() { 
     if (callback) { 
      callback.apply(this, arguments); 
     } 
     $(this).trigger('fadeInComplete'); 
    }; 
    jQueryFadeIn(speed, newCallback); 
    }; 
    $.fn.fadeIn = newFadeIn; 
})(window.jQuery); 

Answer 3

也許你可以使用Jquery-UI effects，並使用回調參數