如何延迟jQuery工具选项卡的更改?

如何延迟jQuery工具选项卡的更改?,jquery,tabs,Jquery,Tabs,我对jQuery工具选项卡有问题。我将事件设置为mouseover,如果我移动鼠标太快,则会出现更多窗格。有没有办法延迟切换选项卡或解决此问题的方法?重新阅读后,我了解您的问题所在。当使用事件:'mouseover'和效果:'fade'并在选项卡上快速移动时,您是对的,多个选项卡可能会在最后保持打开状态 看了一下标签的源代码。基于标签代码,我为您提供了定制的myfade效果,消除了您的问题 //add custom effect with name myfade $.tools.tabs.add

我对jQuery工具选项卡有问题。我将事件设置为mouseover,如果我移动鼠标太快,则会出现更多窗格。有没有办法延迟切换选项卡或解决此问题的方法?

重新阅读后,我了解您的问题所在。当使用
事件:'mouseover'
效果:'fade'
并在选项卡上快速移动时,您是对的,多个选项卡可能会在最后保持打开状态

看了一下标签的源代码。基于标签代码,我为您提供了定制的
myfade
效果,消除了您的问题

//add custom effect with name myfade
$.tools.tabs.addEffect("myfade", function(i, done) {
    var conf = this.getConf(),
    speed = conf.fadeOutSpeed,
    panes = this.getPanes();
    panes.stop(true,true);

    if (speed) {
        panes.fadeOut(speed);
    } else {
        panes.hide();
    }
    panes.eq(i).fadeIn(conf.fadeInSpeed, done);
});
....
$(selectorForTabs).tabs({event:'mouseover', effect:'myfade'});

我无法重现您的问题(顺便说一句,您描述得非常模糊。您也没有提供任何javascript/html代码,这可能会让您了解您的问题)

在此处查看示例(无论您移动鼠标的速度有多快,您只会看到一个选项卡)


我查看了示例页面,现在我知道了问题所在:我使用淡入淡出效果来更改选项卡。我不认为JS/HTML代码是必要的,因为渐变效果肯定有问题,但是没有人在官方论坛上回答我的问题。