jquery - 如何延迟 jQuery TOOLS 选项卡更改？

Question

我对 jQuery TOOLS 选项卡有疑问。我将事件设置为鼠标悬停，如果我移动鼠标太快，则会出现更多 Pane 。有没有办法延迟选项卡的切换或解决此问题？

Answer 1

重读后我明白了您的问题所在。当使用 event:'mouseover' 和 effect:'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 代码)。

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

jQuery Tools Tabs: Using mouseover to switch tabs