異なる input type="range" スライダーを含むフォームを作成していますが、それらに値を表示させることができました。
しかし、複数のスライダーを含めている場合、値は実際には個別に変化しません。それぞれ自分で変えてほしい。
最終的には、少なくとも 10 個のレンジ スライダーが必要です。助言がありますか?ここにフィドルがあります:
http://jsfiddle.net/MfegM/1153/
あなたが提供できるヒントを事前にありがとう。
値を表示するコードは次のとおりです。 var initialValue = 50;
var sliderTooltip = function(event, ui) {
var curValue = ui.value || initialValue;
var tooltip = '<div class="tooltip237"><div class="tooltip237-inner">' + curValue + '</div><div class="tooltip237-arrow"></div></div>';
$('.ui-slider-handle').html(tooltip);
}
$("#slidercomeagain").slider({
value: initialValue,
min: 0,
max: 100,
step: 1,
create: sliderTooltip,
slide: sliderTooltip
});
$("#sliderrecommendation").slider({
value: initialValue,
min: 0,
max: 100,
step: 1,
create: sliderTooltip,
slide: sliderTooltip
});