Question

我有一个使用手风琴脚本的网站，我想在其中一个手风琴标签内放置一个滚动框。但是，滚动框工作正常，但打破了手风琴脚本。有没有解决这场冲突的方法？

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

这是用jscrollpane和手风琴脚本打破的：（出于某种原因，我只允许粘贴一个超链接，所以要找到破坏的超链接，只需用/scroll_test.html替换/index9.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.只有第一个才会发生其他工作正常

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

2 个答案: