jquery - .fadeOut（）が機能しないのに、jqueryで追加されたdivを非表示にすると、.hide（）は正常に機能するのはなぜですか？

Question

divを表示し、数秒後に削除したいと思います。とても簡単です。だから私のhtmlには次のものがあります：<div id="msg"></div>

そして私はこの関数を持っています：

function showWarning(text) {
            $('<div>'+text+'</div>').appendTo('#msg').hide().fadeIn('fast').delay(1000).queue(function() {
                $(this).fadeOut();
        });
    }

これを機能させる方法が見つかりません。fadeOut()が呼び出されますが、画面には何も表示されません。変更すればfadeOut()問題hide()なく動作します。しかし...試してみるhide(500)とうまくいきません。

これは些細なことだと思います-初心者の間違い-しかし私はそれを見つけることができません。

ありがとう

Answer 1

は実行を終了してはfadeIn()いけません。代わりに、fadeOut を実行する前にコールバック関数を使用してください。

$('<div>'+text+'</div>').appendTo('#msg').hide().fadeIn('fast', function () {
    $(this).fadeOut();
});

Answer 2

function showWarning(text) {
    $('<div />', {text: text}).fadeIn('fast', function() {
        $(this).delay(1000).fadeOut(600);
    }).appendTo('#msg');
}

フィドル

Answer 3

そのように：http://jsfiddle.net/b7EV8/

function showWarning(text) {
    $('<div id="msgtext">' + text + '</div>').appendTo('#msg').hide().fadeIn('fast', function() {
        $('#msgtext').delay(1000).fadeOut();
    });
}

showWarning('hello')

Answer 4

function showWarning(text) {
  $('<div>').text(text).appendTo('#msg').hide().fadeTo(400,1,function(){
      $(this).delay(1000).fadeOut();
  });
}

デモ