jscrollpane不工作,可能是jquery冲突?

时间:2011-08-18 20:29:27

标签: javascript jquery jscrollpane cufon prettyphoto

我想要.jscrollpane滚动条,但它们没有显示,并且firebug没有发现任何错误。我正在做cufon字体替换,一个漂亮的照片灯箱,以及一个简单的组合过滤器,可以对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(){在头部结束之前运行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

上看到该问题

1 个答案:

答案 0 :(得分:1)

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