fadein fadeout帮助

Question

我实际上根本无法正常工作。到目前为止我的工作方式，但我希望淡出一条消息，然后淡出它。它消失后，我想完全删除div。

有人可以告诉我这里缺少什么吗？

    var div = $('<div>').attr('id', 'error').html('Cannot Be Blank');
    $('body').append(div);

Answer 1

var div = $('<div />').attr('id', 'error')
                      .html('Cannot Be Blank')
                      .hide();
$('body').append(div);
$("#error").fadeIn("slow", function() {
    $(this).fadeOut("slow", function() {
        $(this).remove();
    });    
});

演示：http://jsfiddle.net/karim79/wpxCk/

为了确保在 fadein之后发生淡出，它应该在fadeIn的回调中触发。同样，在fadeOut的回调中应该删除错误div。参见：

• http://api.jquery.com/fadeIn/
• http://api.jquery.com/fadeOut/
• http://api.jquery.com/remove/

Answer 2

所以，你需要的jQuery函数就像：

  

1）.fadeIn（[持续时间]，[回调]）
  2）.fadeOut（[duration]，[callback]）
  3）.remove（[selector]）

意味着您将按照这样的顺序嵌套它们，将它们作为回调放置。

errordiv = $("#error");
$(errordiv).fadeIn("slow", function(){ 
    $(errordiv).fadeOut("slow", function() {
        $(errordiv).remove();
    })
});

Answer 3

$(div).fadeOut('slow', function() {
    // Animation complete.
});

    $(div).remove();

在当前代码之后添加：）

Answer 4

你可以这样做：

$('<div>').attr('id', 'error').html('Cannot Be Blank').appendTo('body')
          .hide().fadeIn().fadeOut(function() { $(this).remove(); });

虽然可能，你想在这里使用一个类来设置样式...除非它需要一个ID，否则你可以将其关闭，在更高版本的jQuery中，将它缩短为：

$('<div>', { html: 'Cannot Be Blank' }).appendTo('body')
  .hide().fadeIn().fadeOut(function() { $(this).remove(); });