Come aggiungere un indicatore a un dispositivo di scorrimento dell'interfaccia utente jQuery?

Question

Ho un semplice cursore dell'interfaccia utente jQuery che ha un intervallo numerico compreso tra 25 e 35. Funziona correttamente e il valore predefinito è 28. Spero di aggiungere un semplice segno di spunta al cursore per indicare che 28 è il punto predefinito è. C'è un modo semplice per aggiungere un indicatore?

$('#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

Ho trovato una grande implementazione del cursore jQuery UI qui:

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

Si chiama il plugin selectToSlider e consente il posizionamento di segni di graduazione per tutto il dispositivo di scorrimento, così come la capacità di aggiungere etichette e suggerimenti.

Answer 2

check-out l'attuazione a: http://jsbin.com/iwime

il principio è abbastanza semplice, è specificare le zecche e poi li si svolge all'interno del dispositivo di scorrimento con incrementi, specificando la posizione in%, quindi se trovassi 10 zecche, li posizioneresti allo 0%, al 10%, al 20%, al 30% .... 90%

Puoi anche generare automaticamente la lista di tick dal minimo e massimo, sapendo a quale intervallo vuoi che i tick.