为什么jQuery fadeIn（）无法正常工作？

Question

我有这个我写的应该显示通知的函数：

function newNotification(message) {
    window.clearTimeout(window.tid);
    $("#notify").stop().prepend(message + '<br/>').fadeIn(400, function() {
        window.tid = window.setTimeout(function() {
            $("#notify").fadeOut('3000', function() {
               $("#notify").html('');
            });
        }, 3000);
    });
}

问题在于，如果我在另一个消失的情况下通过通知，则#notify div不会淡入。其不透明度会在0和1之间停滞。

有人可以帮忙吗？

Answer 1

好的，所以我终于弄清楚了。 FadeIn()仅在元素被隐藏时才有效，这就是当不透明度介于0和1之间时它会卡住的原因。

我只需将FadeIn()替换为FadeTo()即可使其正常工作。

感谢大家的帮助！