当前位置：文江博客话题详情

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

发布于 2024-08-13 11:41:23 字数 81 浏览 4 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

狂之美人 2024-08-20 11:41:23

重读后我明白了你的问题是什么。当使用 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 工具选项卡：使用鼠标悬停来切换选项卡

After rereading I understood what your problem is. When using event:'mouseover' and effect:'fade' and moving really fast over the tabs you are right that multiple tabs might stay opened at the end.

Took a look at the tabs source code. Based on the tabs code I provide a custom made myfade effect for you which eliminates your problem.

//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'});

I can't reproduce your problem (which btw. you described very vaguely. You also didn't provide any javascript/html code which might give some insight into your problem).

Check here for a sample where (no matter how fast you move the mouse you will only see one tab)

jQuery Tools Tabs: Using mouseover to switch tabs

回复收藏 0 原文

~没有更多了~