jscroll pane、jquery tools :: tabs problem

Question

jScrollPaneは、タブを操作するときに非常に妥当な問題があります。タブ（jQuery UIとjQueryツールの両方）は通常、非フォーカスタブを隠すのにdisplay: noneを使います。これによりjScrollPaneが上がります。この修正プログラムはdisplay: none;の代わりにposition: absolute; left: -10000px;のようなものを書きます。

残念ながら、jQuery Toolsではどうやってこのようにするのか分かりません。 CSSクラスjQueryツールは、私が上書きできる隠しタブには使用しません。

これを一緒にハックする方法に関するアイデアはありますか？

Answer 1

デフォルトの効果を上書きできるようです。 docs of jQuery Tools.のこのページの下部を確認してくださいを設定するデフォルトのhide()の代わりに、自分で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(); 
});