jquery – jscrollPane根本不工作

我知道我使用了一个糟糕的标题,但我无法描述它.

代码在这里：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个小时看它.

谢谢.

解决方法

jQuery版本没有问题.您应该使用p标记包装内容以运行Jscrollpane.通过这种方式,您的内容将看起来更像 semantic.

Example Here