jScrollPane无法正常工作

我正在使用jQuery jscrollpane插件http://jscrollpane.kelvinluck.com/在我的应用程序中设置某些功能。问题是它根本没有显示jscrollpane。jScrollPane无法正常工作

HTML：

<div class="boxcontent" id="dummy"> 
    <p> 
     abcdefghijklmnopqrstuvwxyzkdksflajsdfkljasdlfkjas 
    </p> 
</div>

CSS：

#dummy { 
    width: 100%; 
    height: 200px; 
    overflow: auto; 
} 
.horizontal-only { 
    height: auto; 
    max-height: 200px; 
}

的JavaScript：

$("#dummy").jScrollPane();

我包含在JScrollPane中下载部分所示的所有要求。但它没有显示任何东西。

有人能告诉我这个错误吗？

谢谢！

2012-04-16 rnk

您是否尝试过在'div＃dummy'下添加多个元素？ – 2012-04-16 09:07:46

@Eliran Malka是的，我试过但仍然没有显示任何jscrollpane。只是一个纯文本 – rnk 2012-04-16 09:49:13

@EliranMalka http://jsfiddle.net/rkumarnirmal/Rq7b2/ – rnk 2012-04-16 10:21:12

在元素附加到DOM之前调用插件启动。解决这个包装你开始与DOM准备回调：

$(document).ready(function() { 
    $(".dummy").jScrollPane(); 
});

这里的工作jsFiddle，在原有基础上提琴编辑。

2012-04-16 10:50:04

回答