等待内容淡出在带有 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/