Jak dodać znacznik do suwaka jQuery UI?

Question

Mam prosty suwak jQuery UI, który ma zakres liczb od 25 do 35. Działa dobrze, a domyślną wartością jest 28. Mam nadzieję, że dodaję prosty suwak oznaczający, że 28 jest domyślnym jest. Czy istnieje prosty sposób dodania wskaźnika?

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

znalazłem wielką realizację suwaka jQuery UI tutaj:

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

To się nazywa plugin selectToSlider i pozwala na umieszczenie znacznikami całej suwaka, a także zdolność do dodaj etykiety i podpowiedzi.

Answer 2

Wyjazd realizacja pod adresem: http://jsbin.com/iwime

Zasada jest dość prosta, należy podać swoje kleszcze, a następnie umieścić je wewnątrz suwaka w przyrostach, określający pozycję w%, więc jeśli miał 10 kleszczy, umieścisz je na 0%, 10%, 20%, 30% ... 90%

Możesz także automatycznie wygenerować listę tyknięć od minimum i maksimum, wiedząc, w którym odstępie czasu chcesz zaznaczyć.