无法初始化jScrollPane

Question

我正在使用jScrollPane插件，我所做的就是创建html结构：

<div id="resources_list"></div>

我导入了必要的文件以包含它：

<link rel='stylesheet' href="jquery.jscrollpane.css"/>
<script src="jquery.min.js"></script>
<script src="jquery.jscrollpane.min.js"></script>
<script src="jquery.mousewheel.js"></script>

然后在js中我初始化JscrollPane：

$('#resources_list').jScrollPane({ mouseWheelSpeed: 70 });
$('#resources_list').append('<div>Hello</div>')
$('#resources_list').append('<div>World</div>')

但我得到了这个结果：

控制台中的

没有错误，结构如下所示：

应该显示垂直滚动条，如在网站示例中那样，我做错了什么？

JSFIDDLE

Answer 1

检查浏览器的开发者控制台是否有错误。我怀疑你有错误的jquery.jscrollpane.css路径。 Becouse jScrollPane工作，它在块内部创建新的html标签，但这个新标签没有样式。

Answer 2

好的问题已修复，我不知道为什么但是为了让它工作你必须在这样的函数中进行初始化：

$(document).ready(function()
{
    $(function()
    {
        $('.results').jScrollPane({mouseWheelSpeed: 70});
    });
});