Javascript 无法初始化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 I init的JscrollPane中：

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

$（'#资源列表'）.jScrollPane（{mouseweelspeed:70}）；
$（“#资源列表”）.append（'Hello'）
$（“#资源列表”）.append（'World'）

但我得到的结果是：

控制台中没有错误，结构如下所示：

应该使用垂直滚动条显示，如站点示例中所示，我做错了什么

---

检查浏览器的开发者控制台是否有错误。我怀疑您的jquery.jscrollpane.css路径错误。因为jScrollPane可以工作，所以它会在块内创建新的html标记，但是这个新标记没有样式。

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

好的问题已经解决，我不知道为什么，但要让它工作，您必须在如下函数中进行初始化：

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

---

好的，问题解决了，我不知道为什么，但为了让它工作，你必须在一个函数中进行初始化，如下所示：

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

---

你能提供你的html和这个问题的演示吗？请分享你的Jsfieldlink@IrvinDominin检查这里的JSFIDLE：你能提供你的html和这个问题的演示吗？请分享你的JSFIDLElink@IrvinDominin在这里检查JSFIDLE：或者尝试使用另一个自定义滚动条。这很好：或者尝试使用另一个自定义滚动条。这很好：