jquery - jScrollPane 未显示在 DIV 中

Question

首先，我搜索了一段时间，但找不到适合我的答案。

我正在为客户开发一个网站。我正在使用 jScrollPane jQuery 插件，但它没有显示。起初我担心其他一些 jQuery 插件可能会影响它，但是当我将 .scroll-pane 类应用于某些东西时，它会拉伸(stretch) div 的高度以显示没有滚动条的所有内容。我不知道，它可能仍然与它有关，我不能说。由于我与所有客户都签署了保密协议(protocol)，所以我无法展示该网站，但我可以展示相关代码。

这些是我标题中的脚本链接:

<link rel="stylesheet" href="css/global.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" media="all" href="css/jScrollPane.css" />
<link rel="shortcut icon" href="favicon.ico" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/supersized.3.1.3.min.js"></script> 
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>

这是带有嵌套 DIV 的相关 HTML:

<!--INFO TAB-->

<div id="infocontainer"> 
    <div id="infobox"> 
    </div>
    <div id="infomenu"> 
    </div>
    <div id="inforule"> 
    </div>
    <div id="infocontent" class="scroll-pane">
        TEXTTEXTT EXTTEXTTEXTTEXT TEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTT EXTTEXTTEXTT EXTTEXT TEXTTEXTTEXTTEXTT EXTTEXTT EXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTE XTTE XTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEX TTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXT
    </div>
</div>

这是在主体结束之前调用函数的脚本:

<script>
$(function()
{
    $('.scroll-pane').jScrollPane();
});
</script>

相关 CSS:

#infocontainer {

    position:absolute;
    top:30px;
    left:350px;
    height:385px;
    width:625px;
    z-index:1;

}

#infobox {
    background-color:#f4f4f4;
    position:absolute;
    height:100%;
    width:100%;
    z-index:-1;

}

#infomenu {

    padding-top:44px;
    padding-left:49px;
    text-align:left;
    z-index:1;

}

#inforule {

    margin-left:239px;
    margin-top:-175px;
    z-index:5;

}

#infocontent {

    line-height:18px;
    margin-left:290px;
    margin-top:-287px;
    height:284px;
    overflow:auto;
    width:270px;
    text-align:left;
    z-index:1;

}

DIV 的不透明度最初为 0，然后我编写的一些自定义 javascript 在页面加载时将它们设置为 100%。我还使用 Supersize jQuery 来设置适合全屏的背景图像。

我不知道为什么它不起作用，我已经尝试关闭所有其他 javascript 和 jQuery 使用，只打开 jScrollPane，但它仍然无法更好或更差地工作。任何帮助将不胜感激。

Answer 1

为了好玩，尝试将你的 jquery 恢复到以前的版本，比如 1.5.2。检查一下:code.google.com/p/jscrollpane/issues/detail?id=207#c2 – julie p