jscrollpane 不工作，可能是 jquery 冲突？

Question

我想做 .jscrollpane 滚动条，但它们没有出现，并且 firebug 没有发现任何错误。我正在做cufon 字体替换、prettyPhoto 灯箱和一个简单的对ul 进行排序的投资组合过滤器。我研究了 jQuery noConflict 模式，但不知道这是否是问题所在，如果是，如何在我的情况下使用它。

这是我在标题中调用脚本的方式：

<link rel="stylesheet" type="text/css" href="styles.css" />
    <link rel="stylesheet" href="prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script src="scripts/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
        <script src="scripts/cufon-yui.js" type="text/javascript"></script>
        <script src="scripts/trajan.font.js" type="text/javascript"></script>
        <script type='text/javascript' src="scripts/jscrollpane-1.2.1.js"></script>
        <script type='text/javascript' src="scripts/mousewheel.js"></script>
        <script type='text/javascript' src="scripts/mwheelintent.js"></script>

然后我使用$(document).ready(function(){ 在head 结束前运行prettyPhoto、投资组合过滤器和jscrollpane 脚本。 PrettyPhoto 和portfolioFilter 工作，但jscrollpane 没有呈现任何更改，但Firebug 也没有检测到任何错误。

jscrollpane 被应用（使用class="scroll-pane"）到一个名为#box 的div id，具有这些属性：

#box {
width:auto;
height:600px!important;
position:absolute;
margin-top:10px;

我直接从源代码中包含了 jscrollpane CSS，并且选择器类的样式如下：

.scroll-pane {
overflow-y:auto!important;
position:relative;
display:block;
}

这个问题可以在http:ricardojattan.com/portfolio.html看到现场直播

Answer 1

您需要更新到最新版本的jScrollPane。