¿Cómo agrego un marcador a un control deslizante de la jQuery UI?

Question

Tengo un control deslizante jQuery UI simple que tiene un rango numérico de 25 a 35. Funciona bien y el valor predeterminado es 28. Estoy esperando agregar una marca simple al control deslizante para indicar que 28 es donde el valor predeterminado es. ¿Hay una manera simple de agregar un indicador?

$('#cycle_length').slider({ 
    range: "min", 
    value: 28, 
    min: 25, 
    max: 35, 
    step: 1, 
    slide: function(event, ui) { 
    $("#amount").val(ui.value); 
    } 
}); 
$("#amount").val($("#cycle_length").slider("value")); 

Answer 1

He encontrado una gran aplicación del control deslizante jQuery UI aquí:

http://www.filamentgroup.com/lab/update_jquery_ui_slider_from_a_select_element_now_with_aria_support/

Se llama el plugin selectToSlider y permite la colocación de marcas de la señal a lo largo de la corredera, así como la capacidad de agregar etiquetas y consejos sobre herramientas.

Answer 2

salida la aplicación a: http://jsbin.com/iwime

el principio es bastante fácil, se especifican sus garrapatas y luego colocarlos en el interior del control deslizante en incrementos, que especifica la posición en%, por lo que si tuviera 10 garrapatas, los ubicaría al 0%, 10%, 20%, 30% ... 90%

También puede generar la lista de tics automáticamente desde el mínimo y máximo, sabiendo en qué intervalo desea los tics.