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');
});