jQuery UI несколько ползунков начать количество одинаково?

Question

Я занят ползунками пользовательского интерфейса jQuery, и теперь у меня возникла проблема.

У меня есть несколько ползунков, и ползунки диапазонов теперь имеют ту же начальную величину (0), что и ползунки для сигналов?

Как я могу это исправить?Я сделал JSFiddle: http://jsfiddle.net/ut2Uv/

Answer 1

Если я нашел исправление:

$(".range-slide").each(function() {
    var $this = $(this);
    $(".slide", $this).slider({
        values: [30, 60],
        min: 0,
        max: 100,
        range: true,
        slide: function(event, ui) {
            $("span.amount", $this).html("" + ui.values[0] + " - " + ui.values[1]);
        }
    });
    $(".range-slide span.amount").html("" + $(".slide").slider("values", 0) + " - " + $(".slide").slider("values", 1));
});

$(".signle-slide").each(function() {
    var $this = $(this);
    $(".slide", $this).slider({
        value: 0,
        min: 0,
        max: 100,
        slide: function(event, ui) {
            $("span.amount", $this).html("" + ui.value);
        }
    });
    $(".signle-slide span.amount").html("" + $(".slide").slider("value"));
});