javascript - 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 下载部分中显示的所有要求。但它没有显示任何东西。

谁能告诉我错误？

谢谢！

score 3 · Accepted Answer

在元素附加到 DOM 之前调用插件启动。使用 DOM 就绪回调来解决这个问题：

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

这是一个工作jsFiddle，根据原始小提琴进行编辑。

1 回答 1