javascript - jQuery 淡入事件？

Question

当元素在使用 jQuery 时淡出时是否有可能获得某种事件通知？ IE。如果有 '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 做了一些原型(prototype)设计，但它在淡入完成之前返回了 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.
});