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

如何在javascript中以2秒延迟fadeIn内容,javascript,ajax,fadein,Javascript,Ajax,Fadein,我正在使用这个ajax脚本在提交表单时创建表单。 我试图在2秒钟内淡入内容(php echo)。但内容会立即出现,并且不会在以下时间消失: $(document).ready(function() { $('#subscribe_newsletter').click(function(e) { e.preventDefault(); $('#subscribe_newsletter').val($(this).val()); var data = $("

我正在使用这个ajax脚本在提交表单时创建表单。 我试图在2秒钟内淡入内容(php echo)。但内容会立即出现,并且不会在以下时间消失:

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

                });

           }
    });

   });

});
表格:

<div id="form" class="subscribe_wrapper"></div>
        <form id="subscribe" method="POST">
                <input  name="email_subscribe" placeholder="Uw Email" type="text" />
                <input class="subscribe_newsletter nex-bc nex-cc nex-bgch" id="subscribe_newsletter" type="submit" name="submit" value="Inschrijven">
        </form>

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

好吧,你的关系很好


.subscribe\u wrapper
应该作为一个开始隐藏(通过CSS或jQuery)

然后加载数据并淡入淡入:

success :  function(data)
       {                

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

.subscribe\u wrapper
应该作为一个开始隐藏(通过CSS或jQuery)

然后加载数据并淡入淡入:

success :  function(data)
       {                

         $(".subscribe_wrapper").html(data);
         $(".subscribe_wrapper").fadeIn(2000, function()
                {
                 // Animation complete   
                });
success: function(data){                
    $(".subscribe_wrapper").html(data);
    $(".subscribe_wrapper").delay(2000).fadeIn();
}
fadeIn(2000)
制作动画2秒日志


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

是否从php文件返回json输出?否输出没有返回json,您也可以使用。animate()有一点不清楚:代码中的额外关闭
指的是什么?哎呀……那是错误的。最后一个
是一个错误