在javascript

Question

我想在javascript中创建自己的滑块。现在我有了这个代码，它接受所有.slider元素，并为每个元素执行一些操作：

var elements = $('.slider');

$(elements).each(function(index) {

    var value = $(this).width();

    alert(value);

    $(this).click(function() {
        value = value + 10;
        alert(value);
    });

});

我预计这不会起作用（因为第二个元素的value变量的值将替换第一个元素的value变量的值），但令我惊讶的是它起作用 - 每个元素都保留了自己的元素value变量。

现在我想以“经典”的方式初始化我的滑块，例如：$('.slider').slider();

我已经从这里阅读了一些关于对象方法和原型的非常基本的东西：http://www.w3schools.com/js/js_object_prototypes.asp，但我不确定如何将slider()方法添加到$('.slider')对象。< / p>

我怎样才能获得与我的代码$('.slider').slider();初始化相同的结果？