Javascript jQuery处理鼠标悬停（）和未完成的动画

带可视代码的现场演示

演示应该是相当不言自明的；我在一个隐藏溢出的包装器中找到一个句子的长度，如果它比包装器宽，我将运行一个动画函数来滑动它，显示剩余的文本

但是，我在hover（）函数的mouseout部分遇到了问题。当用户将鼠标移出时，我希望文本回复到起始位置

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

根据文档（），我应该能够.stop（）对象上的动画-但我必须缺少一些细节，因为我无法让它按文档所述工作。如果我可以使用.stop（）函数，我想我可以将它与.css（）链接以设置边距：0将文本移回原始位置

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

是我沮丧的根源。我尝试了所有我能想到的方法，但都没有用

---

谢谢

您正在设置

.width

元素的动画，但停止了

.track version

元素

将mouseleave处理程序更改为

$（e）。查找（“.width”）.stop（）

哇，我被卡住了。stop（）我没有击中错误的元素。。。叹气谢谢！：）