刷新 AJAX 内容时保持 jquery 动画

Keep jquery animate when refreshing AJAX content

本文关键字：jquery 动画 AJAX 刷新      更新时间：2023-09-26

>基本上我搜索一种刷新 AJAX 内容但保留 jquery 动画效果的方法跨刷新。

简单来说：
我每秒刷新div。
第一次刷新时，我设置了div 的颜色动画。
下一秒会破坏动画效果并将div 颜色转换为默认值。

您有任何想法如何在刷新中保持它吗？
我刷新：

$("#mydiv").html(ajaxContent)

编辑：我做了一个小提琴，但它适用于那个网站。所以看起来@Flash雷霆没错，问题必须在别的地方。

编辑 2 ：问题是我在myDiv中加载了innerDivs。
我的调用从 DOM 中删除了div，因此它也失去了样式。她的问题示例：http://jsfiddle.net/X5PVu/1/

动画采取第一步并处理直到最后一步，无论初始步骤是什么。

如果你从 0 到 10 并在元素处于 3 时替换它，只需检索该 3 值并将其设置为新元素，然后再次启动动画：它将从 3 开始并持续到 10。

所以你基本上可以在替换内容之前找到当前颜色，并将其直接设置为新元素，然后重新开始动画： 

var $old_el = $( '#your_el' );
$new_el.css( 'backgroundColor', $old_el.css( 'backgroundColor' ));
$old_el.replaceWith( $new_el );
$new_el.animate( 'backgroundColor', your_destination_color );

参见示例：http://jsfiddle.net/44RL8/

相关文章：