Jquery 如何对引导滑块进行限制?
嗨,朋友们,我想对滑块进行限制,电流不能小于开始,也不能大于结束。或者开始不能超过结束和 这是我的javascript代码 `$(文档).ready(函数(){ $(“#滑块”).滑块({ 动画:对, 值:0, 分:0,, 最高:10, 步骤:1, 幻灯片:功能(事件、用户界面){ 更新(1,ui.value);//已更改 } }))Jquery 如何对引导滑块进行限制?,jquery,twitter-bootstrap,slider,jquery-ui-slider,Jquery,Twitter Bootstrap,Slider,Jquery Ui Slider,嗨,朋友们,我想对滑块进行限制,电流不能小于开始,也不能大于结束。或者开始不能超过结束和 这是我的javascript代码 `$(文档).ready(函数(){ $(“#滑块”).滑块({ 动画:对, 值:0, 分:0,, 最高:10, 步骤:1, 幻灯片:功能(事件、用户界面){ 更新(1,ui.value);//已更改 } })) $(“#滑块2”).滑块({ 动画:对, 值:0, 分:0,, 最高:10, 步骤:1, 幻灯片:功能(事件、用户界面){ 更新(2,ui.value);//已更
$(“#滑块2”).滑块({
动画:对,
值:0,
分:0,,
最高:10,
步骤:1,
幻灯片:功能(事件、用户界面){
更新(2,ui.value);//已更改
}
});
$(“#滑块3”).滑块({
动画:对,
值:0,
分:0,,
最高:10,
步骤:1,
幻灯片:功能(事件、用户界面){
更新(3,ui.value);//已更改
}
});
//添加,设置初始值。
$(“#开始”).val(0);
$(“#当前”).val(0);
$(“结束”).val(0);
更新();
});
//变了。现在使用参数
函数更新(滑块,val){
//已更改。现在,直接从ui.value获取值。如果未设置(初始值,将使用当前值。)
var$start=slider==1?val:$(“#start”).val();
var$current=slider==2?val:$(“#current”).val();
var$end=slider==3?val:$(“#end”).val();
$(“#start”).val($start);
$(“#当前”).val($当前);
美元(“#结束”).val($end);
$('#滑块a').html('+$start+'');
$('#slider3 a').html('+$end+'');
$('#slider2 a').html('+$current+'');
}`
我已经添加了这一部分,但它不起作用
$(document).ready(function() {
$("#slider").slider({
animate: true,
value:0,
min: 0,
max: 10,
step: 1,
slide: function(event, ui) {
update(1,ui.value); //changed
}
});
var min1 = $("#slider").min();
$("#slider2").slider({
animate: true,
value:0,
min: 0,
max: 10,
values: [min1, 5]
step: 1,
slide: function(event, ui) {
update(2,ui.value); //changed
}
});
$("#slider3").slider({
animate: true,
value:0,
min: 0,
max: 10,
step: 1,
slide: function(event, ui) {
update(3,ui.value); //changed
}
});
//Added, set initial value.
$("#start").val(0);
$("#current").val(0);
$("#end").val(0);
update();
});
//changed. now with parameter
function update(slider,val) {
//changed. Now, directly take value from ui.value. if not set (initial, will use current value.)
var $start = slider == 1?val:$("#start").val();
var $current = slider == 2?val:$("#current").val();
var $end = slider == 3?val:$("#end").val();
$( "#start" ).val($start);
$( "#current" ).val($current);
$( "#end" ).val($end);
$('#slider a').html('<label> '+$start+' </label>');
$('#slider3 a').html('<label> '+$end+' </label>');
$('#slider2 a').html('<label> '+$current+' </label>');
}
$(文档).ready(函数(){
$(“#滑块”).滑块({
动画:对,
值:0,
分:0,,
最高:10,
步骤:1,
幻灯片:功能(事件、用户界面){
更新(1,ui.value);//已更改
}
});
var min1=$(“#滑块”).min();
$(“#滑块2”).滑块({
动画:对,
值:0,
分:0,,
最高:10,
值:[min1,5]
步骤:1,
幻灯片:功能(事件、用户界面){
更新(2,ui.value);//已更改
}
});
$(“#滑块3”).滑块({
动画:对,
值:0,
分:0,,
最高:10,
步骤:1,
幻灯片:功能(事件、用户界面){
更新(3,ui.value);//已更改
}
});
//添加,设置初始值。
$(“#开始”).val(0);
$(“#当前”).val(0);
$(“结束”).val(0);
更新();
});
//变了。现在使用参数
函数更新(滑块,val){
//已更改。现在,直接从ui.value获取值。如果未设置(初始值,将使用当前值。)
var$start=slider==1?val:$(“#start”).val();
var$current=slider==2?val:$(“#current”).val();
var$end=slider==3?val:$(“#end”).val();
$(“#start”).val($start);
$(“#当前”).val($当前);
美元(“#结束”).val($end);
$('#滑块a').html('+$start+'');
$('#slider3 a').html('+$end+'');
$('#slider2 a').html('+$current+'');
}
你能帮我做一下限制吗
谢谢
$(document).ready(function() {
$("#slider").slider({
animate: true,
value:0,
min: 0,
max: 10,
step: 1,
slide: function(event, ui) {
update(1,ui.value); //changed
}
});
var min1 = $("#slider").min();
$("#slider2").slider({
animate: true,
value:0,
min: 0,
max: 10,
values: [min1, 5]
step: 1,
slide: function(event, ui) {
update(2,ui.value); //changed
}
});
$("#slider3").slider({
animate: true,
value:0,
min: 0,
max: 10,
step: 1,
slide: function(event, ui) {
update(3,ui.value); //changed
}
});
//Added, set initial value.
$("#start").val(0);
$("#current").val(0);
$("#end").val(0);
update();
});
//changed. now with parameter
function update(slider,val) {
//changed. Now, directly take value from ui.value. if not set (initial, will use current value.)
var $start = slider == 1?val:$("#start").val();
var $current = slider == 2?val:$("#current").val();
var $end = slider == 3?val:$("#end").val();
$( "#start" ).val($start);
$( "#current" ).val($current);
$( "#end" ).val($end);
$('#slider a').html('<label> '+$start+' </label>');
$('#slider3 a').html('<label> '+$end+' </label>');
$('#slider2 a').html('<label> '+$current+' </label>');
}