jQuery Simplebar插件不适用于类元素

Question

使用Simplebar Plugin，我尝试用this documents这样的类元素创建滚动条。但实际上，这个插件不起作用。

HTML：

<div class="simple-bar">
  //data
</div>

JS：

$('.simple-bar').each(element, new SimpleBar());

DEMO HERE

Answer 1

$('.myElements').each(element, new SimpleBar());

这是SimpleBar文档中的示例，您的问题与两个相关。文档中的这个示例是有缺陷的。

在jQuery中有两种形式的each()。这里有jQuery.each方法和jQuery.fn.each方法，后者是第一个方法的包装器。不同之处在于，jQuery.fn方法被设计为对其中包含结果堆栈的jQuery实例执行操作(例如，$(...)表达式的结果)。jQuery.each并不是为了在现有实例上操作而编写的，而是希望同时提供要操作的元素和与需要完成的工作相关的回调。

鉴于此，他们的文档显示的用法是错误地试图将jQuery.fn.each当作jQuery.each表单来使用。

$('.simple-bar').each((index, element) => new SimpleBar(element));`

该表单正确地使用了jQuery.fn.each版本，只提供了用于对jQuery实例中的结果堆栈执行工作的回调。