Question

我正在尝试在每个选项卡中使用jscrollpane，但只有第一个选项卡显示滚动条。请参阅下面的代码：希望有人能提供帮助，非常感谢。菲利普

$（函数（） { $（ '滚动窗格'）JScrollPane的（）。 }）;

Answer 1

我知道这是一个老问题，我认为他指的是JQueryUI标签功能。通常只有可见选项卡才能获得滚动条，我遇到同样的问题。

这是因为隐藏了其他选项卡，并且JScrollPane无法计算内容的大小。它返回零，所以他决定不在那里放一个滚动条。

请查看此demo以了解如何使用此插件包含不可见元素。

希望它有所帮助。

Answer 2

试试这个......

$('#tabs').tabs({
    show : function(event, ui) {
        $(ui.panel).jScrollPane();  
    }       
});

Answer 3

原来标签功能实际上隐藏了div，需要通过滚动功能进行更改。快速解决方法是确保首先显示滚动功能。

$('#offers_content').jScrollPane(
       {
           verticalTrackHeight :100,
           verticalGutter   : 5
        }).css('padding','10px');   

$("#tabs").tabs();

Answer 4

我是通过使用jQuery Layout插件完成的，直到现在，它的工作正常。这里的例子如下： http://layout.jquery-dev.net/demos/tabs.html

如何将jscrollpane与选项卡一起使用

4 个答案: