从输入设置jQuery UI滑块的初始值
我想概括一些滑块代码,以便它可以使用一些输入+滑块组合。从输入设置jQuery UI滑块的初始值
我有一切基本上工作 - 滑动滑块,输入值更新或输入一个数字,滑块移动到正确的位置。
但是,我无法从输入的默认值初始化滑块。这里是我的代码如下所示:
的Javascript
$(".slider").slider({
min: 0,
max: 5,
value: $(this).parent().find(".inputNumber").val(),
step: 0.25,
slide: function (event, ui) {
$(this).parent().find(".inputNumber").val(ui.value);
}
});
HTML
<div class="inputWrap hidden">
<input class="mini inputNumber" type="text" value="0.5">
<div class="slider"></div>
</div>
这对我的作品(与任意数量的滑块):
$(".slider").slider({
min: 0,
max: 5,
step: 0.25,
slide: function (event, ui) {
$(this).parent().find(".inputNumber").val(ui.value);
},
create: function(event, ui){
$(this).slider('value',$(this).parent().find(".inputNumber").val());
}
});
这似乎工作
$(".slider").each(function(){
$(this).slider({
min: 0,
max: 5,
step: 0.25,
slide: function (event, ui) {
$(this).parent().find(".inputNumber").val(ui.value);
}
}).slider("option", "value", $(this).parent().find(".inputNumber").val());
});
但如果他有多个滑块和多个inputNumber? – 2013-04-08 21:14:32
我确实需要这个工作的多个滑块,这不幸的是,这个答案不:http://jsfiddle.net/hte2B/1/ – Rapture 2013-04-08 21:19:01
@破灭..请参阅编辑..它的工作现在 – 2013-04-08 21:36:46
谢谢 - 不知道创建选项。大的帮助。 – Rapture 2013-04-08 21:39:21
嘿,我很高兴它为你工作:) – DarkAjax 2013-04-08 21:40:52
适用于任何数量的滑块,除非那些滑块来自Good Times ...然后红色死亡。 – 2016-03-05 21:30:21