jscroll窗格，jquery工具:: tabs問題

Question

當使用選項卡時，jScrollPane有一個非常合理的問題。選項卡（jQuery UI和jQuery工具）通常使用display: none來隱藏未聚焦的選項卡。這擾亂了jScrollPane。修正是用display: none;來代替position: absolute; left: -10000px;。

不幸的是，在jQuery工具中，我沒有看到任何想法如何自己做到這一點。沒有CSS類jQuery Tools用於我可以覆蓋的隱藏選項卡。

關於如何一起破解它的任何想法？

Answer 1

它看起來像你可以覆蓋默認效果。看看docs of jQuery Tools.這個頁面的底部，而不是設置display:none;的默認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(); 
});