如何防止悬停事件中的JQuery Dialog队列堆积

时间:2015-05-29 14:30:35

标签: jquery jquery-ui-dialog

当我在悬停事件中使用jQuery UI Dialog时,我遇到以下问题:在项目列表上下移动鼠标后,即使我停止移动鼠标,事件也会被触发,直到它闪烁次数我在那些物品上盘旋。

https://jsfiddle.net/fump59sm/

我希望它的行为方式是当我移动鼠标时,它停止,最后一个是我刚刚离开的项目内容的那个。

当我将close更改为destroy时,我发现它的行为方式如此:

https://jsfiddle.net/fump59sm/1/

但是摧毁只会突然消除它,没有这种良好的fade效果。

当我使用时:

close: function(){
    $(this).dialog('destroy');
}

没有解决问题,因为它在我输入另一个项目之前没有时间消失并且在每个第二个项目上消失:

https://jsfiddle.net/fump59sm/3/

我也尝试使用.stop(true),但无济于事。

有没有更好的方法来实现这一点(摆脱队列建立)而不会失去动画效果?或者至少有一种方法可以将动画添加到destroy

0 个答案:

没有答案