jquery - それぞれのdivでUIスライダーハンドルの値を取得する方法

Question

私は jquery ui スライダーを使用しています。2 つのハンドルがあります。たとえば、それぞれの div でハンドル値を取得する必要があります。「handle1」divでハンドル1の値を更新し、「handle2」divでハンドル2の値を更新したい。フィドル

$("#slider").slider({values:[0,100],
slide: function(event, ui){
//alert(ui.handle)
}              
});

Answer 1

スライダーイベントのui引数には、ハンドルの値を与える値の配列があり、それを使用できます。

$("#slider").slider({
    values: [0, 100],
    slide: function (event, ui) {
        $('.handle1').text(ui.values[0]);
        $('.handle2').text(ui.values[1]);
    }    
});

デモ:フィドル