ajax - Ajax サブミットでフェードアウト

Question

この ajax 送信スクリプトがあります。適切に送信され、ありがとうメッセージがポップアップ表示されますが、3.2 秒でフェードアウトしません。目標は、「更新していただきありがとうございます」というメッセージを表示することです。ユーザーが更新ボタン (#tracking_submit) をクリックするたびに数秒間ポップアップします。

$('#tracking_submit').click(function(){
$.ajax({
url: "php/tracking.php",
    type:'POST',
    data: dataString,
    success: function(){
           $('#tracking_message').replaceWith("Thank you for updating.");
       $('#tracking_message').delay(3000).fadeOut(300);
        }                   
    });
    return false;   
});

Answer 1

これを使用してみてください：

setTimeout(function() { $('#foo').fadeOut(); }, 5000);

.delay().dequeue()キューをクリアしてまったく新しいキューを追加したかどうかに関係なく、タイマーが刻み続け、起動すると a が実行されるため、他のものとはうまく機能しません。

setTimeout()直接使用する方が良いです。setTimeout()ネイティブの JavaScript 関数です。

Answer 2

私はこの方法でこの問題を解決しました

$('#tracking_submit').click(function(){
    $.ajax({
        url: "php/tracking.php",
        type:'POST',
        data: dataString,
        success: function(){
            $('#tracking_message').html("Thank you for updating.").fadeIn('slow');              
            setTimeout(function(){$('#tracking_message').fadeOut('slow');},2000);
        }                   
    });

    return false;   

});