Javascript 刷新AJAX内容时保持jquery动画化

基本上，我搜索一种方法来刷新AJAX内容，但保持jquery动画效果 跨越刷新

更简单地说：
我每秒刷新div。
在第一次刷新时，我设置了div颜色的动画。
下一秒将打断动画效果并将div颜色转换为默认值。

你有没有什么办法让它保持新鲜？
我用以下方法刷新：

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

编辑： 我做了一把小提琴，但它在那个网站上起作用。看来是闪电 如果你是对的，问题一定在别的地方

编辑2: 问题是我在myDiv中加载InnerDiv。
我的调用将div从DOM中删除，因此它也会释放样式。

---

她的问题示例：

动画采取初始步骤，并一直进行到最后一步，无论初始步骤是什么

如果从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 );

---

请参见示例：

动画执行初始步骤，并一直处理到最后一步，无论初始步骤是什么

如果从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 );

---

请参阅示例：

我每秒刷新一次div。

这本身就是个坏主意。如果您需要这种持久性级别，请使用WebSocket。这必须是动画功能的问题，而不是内容更改的问题。@Rorymcrossan-我正在制作原型，我可能会在整个网页中使用WebSocket。如果您需要对您的问题提供帮助，您将不得不共享多行代码。制作一个JSFIDLE怎么样？@FlashThunder.html不会删除css效果吗？

我每秒刷新一次div。

这本身就是个坏主意。如果您需要这种持久性级别，请使用WebSocket。这必须是动画功能的问题，而不是内容更改的问题。@Rorymcrossan-我正在制作原型，我可能会在整个网页中使用WebSocket。如果您需要对您的问题提供帮助，您将不得不共享多行代码。制作一个JSFIDLE怎么样？@FlashThunder.html不会删除css效果吗？谢谢。我根据你的例子做了这个小提琴谢谢。我根据你的例子做了这把小提琴