等待内容淡入与jquery ajax的div

Question

我有一个div，有一个按钮。

1. 当我按下按钮fadeOut() div
时
2. 我使用jQuery ajax()
从其他页面加载内容
3. 加载内容时，我想将此内容放入div
4. 只有这样，fadeIn() div。

现在，我用这个：

success: function (data) {
     $('#inside-choice').html(data);
     $('#inside-choice').fadeIn('slow');
},

但是使用这种语法，淡入可以在内容完全加载之前开始。如何在淡入div之前等待内容加载？

Answer 1

使用promise()：

success: function (data) {
     $('#inside-choice').html(data).promise().done(function(){
       $('#inside-choice').fadeIn('slow');
     });

},

https://api.jquery.com/promise/