2012-09-03 25 views
0

我有一個包含一些內容的div。我希望這個div能夠滑動並下載一些新的內容。當內容通過ajax加載後,我希望div再次滑下並顯示新內容。我知道如何分開處理每件作品,但我不知道如何一次完成所有作品。這是我有:如何在jquery中完成ajax調用時運行一些代碼?

$(element).slideUp('fast'); // slide up 
$(element).slideDown('fast'); // slide down 
$(element).ajax(url); // download the text 
+2

看看[jQuery AJAX文檔](http://api.jquery.com/jQuery.ajax/):它在這種情況下很有幫助。 –

+1

[你有什麼嘗試?](http://whathaveyoutried.com)我**強烈推薦閱讀jQuery ajax API文檔。 –

+0

在文檔中有一件叫做「callback」的東西。閱讀它。 –

回答

1

您需要使用效果基本show的回調,併成功處理您的AJAX,以及。您的代碼看起來像這樣:

$(element).slideUp('fast', function() { 
    $.get(url, data, function (result) { 
     $(element).html(result); 
     $(element).slideDown('fast'); 
    }); 
}); 
1
$.ajax(url).done(function (response) { 
    // your code 
}); 
+0

'.success'在jQuery 1.8上被棄用,贊成['.done'](http://api.jquery.com/deferred.done/)。 –

+0

非常感謝你真的有幫助 – user1495129

+0

+1,比這更糟糕的是速記形式選擇器,但我們將生活(並在需要時包括compat插件)。 '=]' –

相關問題