1

スライダーは、ドラッグ、クリック、数字の入力、および +/- を押すことで変更できます。

ドラッグを除いて、すべて正常に動作します。ハンドルを離すと、ドラッグ方向にもう 1 ステップ「ジャンプ」します。たとえば、1500 から 2000 にドラッグすると、リリース時に 2010 で停止します。を取り出してもchange: refreshCalculationそれはできませんが、もちろん、+/- および手動での番号の挿入は許可されません。

確認してください: http://jsfiddle.net/YvsmT/

$("#slider-vertical").slider({
orientation: "horizontal",
range: "min",
animate: 500,
min: 0,
max: 8760,
value: 1500,
step: 10,
slide: refreshCalculation,
change: refreshCalculation
});

function refreshCalculation() {
var s4 = $("#slider-vertical").slider("value");
$("#betriebsstunden").val(s4);
}

$("#plus1").click(function () {
var bs1 = $("#slider-vertical").slider("value");
$("#slider-vertical").slider("value", bs1 + 10);
refreshCalculation();
});

$("#minus1").click(function () {
var bs1 = $("#slider-vertical").slider("value");
$("#slider-vertical").slider("value", bs1 - 10);
refreshCalculation();
});

$("#betriebsstunden").change(function () {
var value = this.value;
$("#slider-vertical").slider("value", value);
});


refreshCalculation();
4

1 に答える 1