jQuery UI slider valores mínimos/máximos

Question

Hola chicos Tengo una pregunta simple. ¿Puedo poner valores min/max de texto para el control deslizante de jquery ui y cuando me desplazo para que aparezcan los dígitos? Here es un ejemplo, el control deslizante izquierdo para el valor máximo tiene "sin límite" y cuando se desplaza, aparecen los dígitos.

Answer 1

Está buscando el control deslizante de rango. Espero que el range slider demo ayude. Los valores mínimo y máximo se pueden establecer al inicializar el control deslizante.

Editado Perdón por malentender la pregunta. Si nos fijamos en el código fuente de la demo verá un pequeño script que cambia los valores del elemento '#amount' cuando se cambian valores del regulador

Aquí es que el guión:

slide: function(event, ui) { 
      $("#amount").val("$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ]); 
     } 

Puede cambiar esto para mostrar los valores de los personajes.

slide: function(event, ui) { 
      if (ui.values[0] == <min_value>) { 
       $("#amount").val("Min Limit" + " - $" + ui.values[ 1 ]); 
      } 
     } 

puede modificar este script acuerdo a sus necesidades

Nota: No he probado esto.

Answer 2

Sí podemos establecer mín-máx

$("#slider").slider({ 
    range: "max", 
    min: 0, // min value 
    max: 200, // max value 
    step: 0.1, 
    value: 200, // default value of slider 
    slide: function(event, ui) { 
     $("#amount").val(ui.value); 
    } 
});​ 

Answer 3

Destruye el control deslizante en primer lugar, que elimina la funcionalidad deslizante completo. Esto devolverá el elemento a su estado previo al inicio.

$("#selector").slider("destroy"); 

Después de que se pueden agregar nuevos valores para el control deslizante como,

$("#selector").slider({ 
range: "max", 
min: 0, // min value 
max: 200, // max value 
step: 0.1, 
value: 200, // default value of slider 
slide: function(event, ui) { 
    $("#amount").val(ui.value); 
} 

});

Esto funciona.