如何在javascript中以2秒延迟fadeIn内容
我正在使用这个ajax脚本在提交表单时创建表单。 我试图在2秒钟内淡入内容(php echo)。但内容会立即出现,并且不会在以下时间消失:如何在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 = $("
$(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()有一点不清楚:代码中的额外关闭
指的是什么?哎呀……那是错误的。最后一个
是一个错误