Question

我在提交时使用此ajax脚本来表单。我试图在内容（PHP回声）2秒。但内容立即出现并且没有消失：

Model.LicenseNames.Items as List<SelectListItem>

表格：

$(document).ready(function()
{
   $('#subscribe_newsletter').click(function(e) {

    e.preventDefault();

    $('#subscribe_newsletter').val($(this).val());
        var data = $("#subscribe").serialize();

    $.ajax({
    type : 'POST',
    url  : 'newsletter/email_subscribe.php',
    data : data,
    success :  function(data)
           {                   
                $(".subscribe_wrapper").fadeIn(2000).show(function()
                {
                    $(".subscribe_wrapper").html(data);

                });

           }
    });

   });

});

为什么它不会在2秒内消失？代码有问题吗？

Answer 1

fadeIn(2000)制作动画2秒日志。

将其替换为.delay(2000).fadeIn(500)

Answer 2

你非常接近！

应该隐藏

.subscribe_wrapper作为开头（通过CSS或jQuery）。

然后加载数据并将其淡入：

success :  function(data)
       {                

         $(".subscribe_wrapper").html(data);
         $(".subscribe_wrapper").fadeIn(2000, function()
                {
                 // Animation complete   
                });

Answer 3

应该隐藏

.subscribe_wrapper作为开头（通过CSS或jQuery）。

然后加载数据并将其淡入：

success: function(data){                
    $(".subscribe_wrapper").html(data);
    $(".subscribe_wrapper").delay(2000).fadeIn();
}

如何在javascript中延迟2秒延迟内容

3 个答案: