使用制表符时,jScrollPane有一个非常合理的问题。选项卡(jQuery UI和jQuery工具)通常使用display: none
来隐藏未聚焦的选项卡。这让jScrollPane起色了。该修复程序代替display: none;
来编写类似position: absolute; left: -10000px;
的内容。
不幸的是在jQuery Tools中我自己也看不出怎么做。没有CSS类jQuery Tools用于我可以覆盖的隐藏选项卡。
关于如何一起破解这个的任何想法?
答案 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();
});