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 に変換する方法がわかりません。

このコードは、id を持つ要素を含む jQuery オブジェクト$.fn.slimscrollにthisバインドされた に格納されている関数を呼び出し、chatlist指定した値を含むオブジェクトをその関数に渡します。

JQuery を使用しない場合、スクリプト全体はどのようになりますか?

スクリプト全体をプレーンな JavaScript に変換する人は誰もいません。また、それを行うことはお勧めしません-すべての優れたDOMトラバーサル機能などが失われるため、それは大変な作業になります.

于 2012-05-14T13:31:01.830 に答える