jQuery在mouseout上处理hover()和未完成的动画

时间:2010-02-25 19:36:33

标签: javascript jquery html css

使用可见代码进行现场演示; http://jsfiddle.net/3eEgb/4/

演示应该是相当自我解释的;我在包装器中找到一个句子的长度,隐藏溢出,如果它比包装器宽,我正在运行一个动画功能,将它滑动,显示剩余的文本。

但是我遇到了hover()函数的mouseout部分问题。当用户将鼠标移出时,我希望文本能够快速恢复到它的起始位置。

根据文档(http://api.jquery.com/stop/)我应该能够.stop()对象上的动画 - 但我必须缺少一些细节,因为我无法按照文档记录它。如果我能得到.stop()函数我假设我可以用.css()链接它来设置margin:0将文本移回原来的位置。

$(this).stop().css("color", "red"); //This isn't working ARR!

是我沮丧的根源。我已经尝试了各种各样的方法,但无济于事。

谢谢!

1 个答案:

答案 0 :(得分:2)

您正在设置.width元素的动画,但停止.track-version元素。

将mouseleave处理程序更改为$(e).find(".width").stop()