jscrollpane不工作，可能jQuery的冲突？

我想做.jscrollpane滚动条，但它们没有显示出来，并且萤火虫没有拾取任何错误。我正在做cufon字体替换，一个漂亮的照片灯箱，以及一个简单的组合筛选器，可以对ul进行排序。我已经研究过jQuery noConflict模式，但无法弄清楚这是否是问题，如果是这样，在我的情况下如何使用它。jscrollpane不工作，可能jQuery的冲突？

这里是我如何在标题脚本调用：

<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"）到一个div ID称为#box具有这些属性：

#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

来源

2011-08-18 Jay Standish

jsfiddle可能是一个好主意......该网站似乎是超时。 – SeanJA

感谢您的支持 - 它仍然超时了吗？ –

现场看到，您需要更新到最新版本jScrollPane。

来源

2011-08-18 20:56:56

我知道这件事很简单，非常感谢！ –

很高兴能帮到你！ –

jscrollpane不工作，可能jQuery的冲突？

回答

相关问题