Jquery 如何对引导滑块进行限制?

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);//已更

嗨,朋友们,我想对滑块进行限制,电流不能小于开始,也不能大于结束。或者开始不能超过结束和

这是我的javascript代码

`$(文档).ready(函数(){ $(“#滑块”).滑块({ 动画:对, 值:0, 分:0,, 最高:10, 步骤:1, 幻灯片:功能(事件、用户界面){ 更新(1,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>');
  }