我需要一个带有两个手柄和两个文本框输入的 jQuery 滑块,就像这个http://www.israel-diamonds.com/search/diamonds/default.aspx。目前我有一个只有单个手柄滑块并且使用单个文本框进行输入。
$("#slider").slider({
value: 1,
step: 1000,
min: 0,
max: 5000000,
slide: function(event, ui) {
$("input").val("$" + ui.value);
}
});
$("input").change(function () {
var value = this.value.substring(1);
console.log(value);
$("#slider").slider("value", parseInt(value));
});
任何建议吗?
编辑:
<div class="demo">
<input type="text" class="sliderValue" />
<p>
</p>
<div id="slider"></div>
</div>
并且
$("#slider").slider({
range: "min",
value: 1,
step: 10,
min: 0,
max: 1000,
slide: function (event, ui) {
$("input").val(ui.value);
}
});
$("input").change(function (event) {
var value1 = parseFloat($("input").val());
var highVal = value1 * 2;
$("#slider").slider("option", { "max": highVal, "value": value1 });
});
range: "min"
选项不兼容。是否有可能放弃该选项? - Frédéric Hamidi