jQuery fadeIn对Ajax Load的动画效果？

Question

我有一个简单的搜索表单，其中包含Ajax搜索建议功能。一切正常，只是尝试添加fadeIn动画效果。现在，建议数据很快就会出现。

// my ajax
$.ajax({ ... success: searchSuccess, ... });

// show data
function searchSuccess(data) {
    $('#my-results').fadeIn(1000, function() {
        $(this).html(data);
    });
}

Answer 1

首先尝试hide元素，设置数据然后执行fadeIn，

$('#my-results').hide().html(data).fadeIn(1000);