Javascript 使用淡入淡出效果重新排序div

Javascript 使用淡入淡出效果重新排序div,javascript,jquery,Javascript,Jquery,我有一个要重新排序的div列表。这需要使用javascript/jquery完成,因为值来自加载html后的AJAX调用 我找到了几种方法来进行简单的重新排序,但我想添加fadeIn和fadeOut效果,这样用户可以看到实际的重新排序,而不仅仅是看到divs突然消失和弹出 具有我的代码的简化版本,没有淡出效果 然后我试着换了 $(currentResult).remove(); $(currentResult).hide().insertBefore($(relevantResults[j]))

我有一个要重新排序的
div
列表。这需要使用javascript/jquery完成,因为值来自加载html后的AJAX调用

我找到了几种方法来进行简单的重新排序,但我想添加
fadeIn
fadeOut
效果,这样用户可以看到实际的重新排序,而不仅仅是看到
divs
突然消失和弹出

具有我的代码的简化版本,没有淡出效果

然后我试着换了

$(currentResult).remove();
$(currentResult).hide().insertBefore($(relevantResults[j])).fadeTo('slow', 1);
作者:

以达到预期的效果。但没有插入任何内容

你知道如何实现吗?

试试:

$(currentResult).hide('fast', function() {
    $(this).insertBefore($(relevantResults[j])).show('fast');
});
$(currentResult).hide('fast', function() {
    $(this).insertBefore($(relevantResults[j])).show('fast');
});