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的衝突？

回答

相關問題