問題描述:
給一個容器設置了mouseenter時,一個隱藏的box通過slideDown()顯示出來;mouseleave時,通過slideUp()隱藏。當鼠標不斷在容器上滑過時,會導致鼠標離開很久后,動畫也在不斷執行
解決方法:
使用(selector).stop(stopAll,goToEnd);如:(this).find(‘.box’).stop(true, true).slideDown();
通過stop() 方法為被選元素停止當前正在運行的動畫。參數解釋:
stopAll 可選。布爾值,規定是否停止被選元素的所有加入隊列的動畫。默認是 false。
goToEnd 可選。布爾值,規定是否立即完成當前的動畫。默認是 false。該參數只能在設置了 stopAll 參數時使用。
轉載于:https://www.cnblogs.com/Zting00/p/7497659.html