jQuery UI多个滑块启动量相同？

Question

我忙于使用jQuery UI滑块，现在我遇到了问题。

我有多个滑块，范围滑块现在与单号滑块的起始量（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"));
});