Question

我的jQuery TOOLS标签有问题。我将事件设置为鼠标悬停，如果我移动鼠标太快，则会出现更多窗格。有没有办法延迟切换标签或修复此问题？

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

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

1 个答案: