使用可见代码进行现场演示; 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!
是我沮丧的根源。我已经尝试了各种各样的方法,但无济于事。
谢谢!
答案 0 :(得分:2)
您正在设置.width
元素的动画,但停止.track-version
元素。
将mouseleave处理程序更改为$(e).find(".width").stop()
。