刷新AJAX内容时保持jquery动画

时间:2013-09-14 15:28:33

标签: javascript jquery css

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

简单来说:
我每秒刷新一次div 在第一次刷新时,我设置了div的颜色动画 下一秒打破动画效果并将div颜色变为默认值
你有任何想法如何保持它刷新?
我刷新:

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

修改 我做了一个小提琴,但它在那个网站上工作。所以看来@Flash Thunder 是的,问题必须在其他地方。

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

1 个答案:

答案 0 :(得分:1)

动画采用初始步骤和过程直到最后一步,无论初始步骤是什么。

如果从0到10并且在3处替换元素时,只需检索该3值并将其设置为新元素,然后再次启动动画:它将从3开始并继续到10。 / p>

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

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/