javascript - jscrollpane, jquery tools::tabs 问题

Question

jScrollPane 在使用选项卡时有一个非常合理的问题。选项卡(jQuery UI 和 jQuery 工具)通常使用 display: none 来隐藏未聚焦的选项卡。这把 jScrollPane 弄乱了。解决方法是用 display: none; 来写类似 position: absolute; 的东西。左:-10000px;.

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

关于如何破解这个的任何想法？

Answer 1

看起来您可以覆盖默认效果。查看本页底部的 docs of jQuery Tools.您可以自己设置 css，而不是设置 display:none; 的默认 hide()。

$.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();
});