无法初始化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

好固定的问题，我不知道为什么，但为得到它的工作必须用来包围初始化函数中，像这样：

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

Answer 2

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