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

回答