jquery - 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。通过这种方式，您的内容将看起来更加语义化。

示例在这里

Answer 2

我运行了这个问题，最后 jScrollPane 正在使用 jQuery 1.9.1 处理它的所有功能。

解决方案非常简单：在 window.load 上初始化插件。

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

我希望这对某人有帮助

Answer 3

问题是 de Jquery 版本。

使用http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js进行测试