jQuery fadeOut延遲在頁面加載后第一次不起作用

Question

我已經實現了以下代碼：

$.ajax({
        type: 'POST',
        data: "id="+id,
        url: 'xyz.php',
        async: false,
        dataType: 'json',
        success: function(data){                
            $('#message_'+id).html('Estás de acuerdo<span class="msg_order_close"></span>').show().fadeOut('slow').delay('5000');

        }
});

這里我使用了fadeOut('slow').delay('5000'); 5秒后隱藏內容。 但是在頁面停止在第一個ajax請求上加載后第一次無法使用。 並且在第一個請求后效果很好。 內容將在5秒鍾后隱藏。 第一次，新的附加內容將立即隱藏。

建議將被接受。

Answer 1

問題是隱藏內容后您正在等待。 把.delay() 之前去淡出（）函數的一部分。

$.ajax({
        type: 'POST',
        data: "id="+id,
        url: 'xyz.php',
        async: false,
        dataType: 'json',
        success: function(data){                
            $('#message_'+id).html('Estás de acuerdo<span class="msg_order_close"></span>').show().delay(5000).fadeOut('slow');

        }
});

另外，5000不是字符串，因此您應該刪除引號。

Answer 2

如果要在淡出之前延遲，則需要切換順序：

.delay(5000).fadeOut('slow')

（首先看到@ tabz100即可）

現在，如果要淡出5秒鍾，請使用

.fadeOut(5000, 'slow')