jscroll 窗格，jquery 工具:: 选项卡问题

发布于 2024-11-29 06:17:14 字数 320 浏览 1 评论 0原文

jScrollPane 在使用选项卡时有一个非常合理的问题。选项卡（jQuery UI 和 jQuery 工具）通常使用 display: none 来隐藏未聚焦的选项卡。这让 jScrollPane 变得混乱。修复方法是用 position:absolute; 代替 display: none; 编写类似的内容。左：-10000px；。

不幸的是，在 jQuery Tools 中我不知道如何自己做到这一点。没有用于我可以覆盖的隐藏选项卡的 CSS 类 jQuery 工具。

关于如何将其整合在一起有什么想法吗？

原文

分享到QQ

分享到微博

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

发布评论

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

深海蓝天 2024-12-06 06:17:14

看起来您可以覆盖默认效果。请查看jQuery 工具文档中的本页底部。默认的 hide() 设置 display:none; 你可以自己设置 css。

$.tools.tabs.addEffect("default", function(tabIndex, done) {

    // hide all panes and show the one that is clicked
    //this.getPanes().hide().eq(tabIndex).show();

        this.getPanes().css({position: 'absolute', left: '-10000px'}).eq(tabIndex).css({{position: 'relative', left: '0'}});

        // the supplied callback must be called after the effect has finished its job
    done.call();
});

It looks like you can override the default effect. Check out the bottom of this page in the docs of jQuery Tools. Instead of the default hide() which sets display:none; you could set the css yourself.

$.tools.tabs.addEffect("default", function(tabIndex, done) {

    // hide all panes and show the one that is clicked
    //this.getPanes().hide().eq(tabIndex).show();

        this.getPanes().css({position: 'absolute', left: '-10000px'}).eq(tabIndex).css({{position: 'relative', left: '0'}});

        // the supplied callback must be called after the effect has finished its job
    done.call();
});

回复收藏 0 原文

~没有更多了~