JQuery过渡问题

时间:2010-10-14 19:31:16

标签: javascript jquery jquery-ui

我遇到了以下问题:

我有一组LI元素,必须从一个状态转到另一个状态(两个独立的css类),并且平滑过渡。为此,我使用的是JQueryUI的Effect API(switchClass)

对于每个LI元素,我已经连接了两个JQuery监听器:mouseover和mouseout,它们相应地改变了状态。足够清楚。现在,我不是JQuery专家,所以我必须错过一些非常标准的东西,但每当我将鼠标移出LI元素之前,在过渡完成之前,转换只是有点挂在中途,而LI elem对进一步倾听没有反应。

请帮助。

1 个答案:

答案 0 :(得分:2)

您可以使用.stop([clear queue],[jump to end])在调用下一个动画之前结束动画。如果要在stop语句中执行此操作,请替换true / false。在通话前添加,即$('element').stop(true,true).animate({....

http://api.jquery.com/stop/