jscrollpane,jquery tools :: tabs问题

时间:2011-08-12 22:04:47

标签: javascript jquery jscrollpane jquery-tools

使用制表符时,jScrollPane有一个非常合理的问题。选项卡(jQuery UI和jQuery工具)通常使用display: none来隐藏未聚焦的选项卡。这让jScrollPane起色了。该修复程序代替display: none;来编写类似position: absolute; left: -10000px;的内容。

不幸的是在jQuery Tools中我自己也看不出怎么做。没有CSS类jQuery Tools用于我可以覆盖的隐藏选项卡。

关于如何一起破解这个的任何想法?

1 个答案:

答案 0 :(得分:2)

看起来您可以覆盖默认效果。请在docs of jQuery Tools.中查看此页面的底部,而不是设置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();
});