如何让 jscrollpane 与 jquery 手风琴脚本共存？

Question

我有一个使用手风琴脚本的网站，我想在其中一个手风琴选项卡中放置一个滚动框。然而，滚动框工作得很好，但破坏了手风琴脚本。有办法解决这个冲突吗？

这是只有手风琴脚本的网站： http://www.namibiaonline.net/sandbox/NBAA/index9.html

这是 jscrollpane 和手风琴脚本的损坏版本： （出于某种原因，我只允许粘贴一个超链接，因此要找到损坏的超链接，只需将 /index9.html 替换为 /scroll_test.html）

任何帮助将不胜感激:) 灰

Answer 1

这应该可以解决你的问题。尝试测试版：

http://groups.google.com/group/jscrollpane/browse_thread /thread/c1bc1bf63e3f80d8

我相信这就是您的问题所在：

http://jscrollpane.kelvinluck .com/auto_reinitialise.html

Answer 2

我遇到了同样的问题，这就是我几乎解决它的方法：

jQuery(document).ready(function() {
scrollPane = jQuery(".scroll-pane").jScrollPane({
        showArrows: true
    });
var api = scrollPane.data('jsp');


jQuery("#accordion").accordion({
            changestart: function(event, ui) {               
                api.reinitialise()                  
            }
        });
}

确保为具有滚动窗格类的容器定义正确的宽度高度。在我的例子中，我创建了 3 个容器，如下所示：

<div class="scroll-pane">

.scroll-pane { 
overflow: auto;
height: 134px; 
width: 420px;

}

类滚动窗格是我定义溢出、高度和宽度的地方。如果我在父容器中执行此操作，则不会显示滚动，因为它占据了所有高度；如果我在子容器中执行此操作，则会显示非风格化的滚动。

但我对第一个窗格仍然有疑问。第一次加载页面时它正确显示，但是当我移动到另一个手风琴选项卡然后返回第一个选项卡时，该元素的宽度设置为 0。这只发生在第一个选项卡上，其他选项卡工作正常。