Question

我知道我使用的是糟糕标题，但我无法将其描述为不同。

标题：

<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

我运行了这个问题，最后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

进行测试

jscrollPane根本不工作

3 个答案: