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播放功能

回答

相關問題