jQuery處理鼠標懸停（）和未完成的鼠標動畫

Question

帶有可見代碼的實時演示; http://jsfiddle.net/3eEgb/4/

該演示應該是相當自我解釋;我在隱藏溢出的包裝器中發現了一個句子的長度，如果它比包裝器更寬，我正在運行一個可以將它滑過的動畫函數，從而顯示剩餘的文本。

但是，我遇到了懸停（）函數的mouseout部分問題。當用戶將鼠標移出時，我希望文字能夠回到起始位置。

根據文檔（http://api.jquery.com/stop/）我應該能夠.stop（）對象的動畫 - 但我必須錯過一些細節，因爲我不能像記載的那樣工作。如果我能得到.stop（）函數，我認爲我可以用.css（）鏈接它來設置頁邊距：0將文本移回原始位置。

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

是我的挫折的源泉。我嘗試了所有我能想到的各種方法，但都無濟於事。

謝謝！

Answer 1

您正在爲.width元素設置動畫，但會停止.track-version元素。

將mouseleave處理程序更改爲$(e).find(".width").stop()。