fadein fadeout help

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/

フェードアウトが後にフェードインを起こる、それはフェードインのコールバック内でトリガされなければならないことを確実にするために。同様に、エラーdivの削除はfadeOutのコールバック内で行われるべきです。参照：

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

Answer 2

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

    $(div).remove(); 

があなたの現在のコード:)

Answer 3

後にこれを追加あなたはこのようにそれを行うことができます。

$('<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(); }); 

Answer 4

だから、あなたが必要となるjQueryの機能があるように：

1）.fadeIn（[期間]、[コールバック]）
2）.fadeOut（[期間]、[コールバック]）
3） .remove（セレクタ）

このような順序でネストし、コールバックとして配置することを意味します。

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