jscrollPane根本不工作

Question

我知道我使用不好使標題，但我無法描述它的不同。

的代碼是在這裏：http://jsfiddle.net/FFjgc/3/

頭：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 

<link rel="stylesheet" type="text/css" href="http://jscrollpane.kelvinluck.com/style/jquery.jscrollpane.css" /> 
<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js"></script> 
<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js"></script> 
<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/mwheelIntent.js"></script> 


<script type="text/javascript"> 
$(document).ready(function() { 
    $('.scroll').jScrollPane(); 
}); 
</script> 

而且CSS

.scroll { 
width: 100%; 
height: 200px; 
overflow: auto; 
} 

它是如此簡單，我使用所有的庫和我確保代碼中沒有錯誤，因爲我在最後2個小時查看它。

謝謝。

Answer 1

沒有與jQuery的版本沒有問題。你應該用p標籤包裝你的內容來運行Jscrollpane。通過這種方式，您的內容看起來更多semantic。

Example Here

Answer 2

問題是de Jquery版本。

測試與http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js

Answer 3

我跑這個問題，最後JScrollPane的正在與它的所有使用jQuery 1.9.1功能。

解決方案非常簡單：在window.load上初始化插件。

$(window).load(function) { 
    $(".your-selector").jScrollPane(); 
} 

我希望幫助別人