jQuery的AJAX播放功能

我一直在使用这个函数从PHP文件加载数据：jQuery的AJAX播放功能

$('#form form').submit(function(){ 
    $('#content').empty(); 
    $.get('data.php', $(this).serialize(), function(data){       
     $('#content').html(data);    
    });   
    return false; 
});

我要的是像fadeIn影响一些动画显示的数据。

来源

2012-07-01 h_a86

你可以只是做到这一点：

$('#form form').submit(function(){ 
$('#content').empty(); 
$('#content').fadeOut(); 
$.get('data.php', $(this).serialize(), function(data){       
$('#content').html(data); 
$('#content').fadeIn();    
});   
return false; 
});

来源

2012-07-01 08:41:33 htynkn

我的不好，没有注意到你在'$ .get'之前添加了'.fadeOut'。某些正确的缩进不会造成伤害，请重新使用您的选择器。那些jQuery方法返回jQuery对象本身，你可以链接方法而无需为每个动作使用新的选择器。 –

与修改建议合作，htynkn的答案，你可以这样做：

$('#form form').submit(function(){ 
    var $content = $('#content'); 
    $content.empty().fadeOut(); 
    $.get('data.php', $(this).serialize(), function(data){       
     $content.html(data).fadeIn();    
    });   
    return false; 
});

你从声明中的局部变量得到缩小和效率优势加上你可以按照建议连锁。您也可以使用.hide()而不是.fadeOut()。

来源

2012-07-01 08:53:11 Nick

jQuery的AJAX播放功能

回答

相关问题