0

出于学习目的，我将此滚动条转换为常规 JavaScript。我只是从脚本中编写 JQuery（JQuery 很棒，但我希望在使用 JQuery 之前学习原始 JavaScript）。

这是滚动条代码：

http://jsfiddle.net/PVZB8/139/

我不明白如何将最后几行转换为常规 JavaScript：

$('#chatlist').slimscroll({
    color: '#000',
    size: '8px',
    width: '150px',
    height: '250px'                  
});

我会假设 $('#chatlist') 等于 document.getElementById('chatlist') 但这当然会失败，因为 div 元素没有名为'slimscroll'的方法......

我有点理解这些代码行的作用（创建一个 slimscroll 的新实例并传递一些选项）。

如果我们取出 JQuery，这些行会是什么样子？如果不使用 JQuery，整个脚本会如何？

（我知道如果没有 JQuery，脚本的所有方面都不会以类似的方式工作，例如淡入淡出功能）

4

1 回答 1

6

我不明白如何将最后几行转换为常规 JavaScript：

代码调用存储在$.fn.slimscroll其中的函数，并this绑定到包含具有 id 的元素的 jQuery 对象chatlist，并将包含您指定的值的对象传递给该函数。

如果不使用 JQuery，整个脚本会如何？

这里没有人会为您将整个脚本转换为纯 JavaScript。我也不建议你这样做——这将是一项繁重的工作，因为你失去了所有不错的 DOM 遍历函数等。

于 2012-05-14T13:31:01.830 回答