jScrollPane не работает

Question

Я использую jQuery jscrollpane плагин http://jscrollpane.kelvinluck.com/, чтобы установить некоторые функции в моем приложении. Вопрос в том, что он вообще не показывает 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 разделе загрузки. Но это ничего не показывает.

Может ли кто-нибудь сказать мне ошибку?

спасибо!

Answer 1

инициирование плагина вызывается до присоединения элемента к DOM. чтобы исправить это обернуть инициацию с DOM готового обратного вызова:

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

вот работает jsFiddle, в редакции на основе оригинальной скрипку.