jQuery UI Sliderにマーカーを追加するにはどうすればよいですか？

Question

私は25から35までの数値範囲を持つ単純なjQuery UIスライダを持っています。それはうまく動作し、デフォルト値は28です。私はスライダに単純な目盛りを追加して、です。インジケータを追加する簡単な方法はありますか？これは、selectToSliderプラグインと呼ばれています

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

をスライダー全体の目盛りの配置などの機能が可能になります：

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

私はここにjQuery UIのスライダーの偉大な実装を発見しましたラベルとツールチップを追加します。

Answer 2

チェックアウトの実装を時： http://jsbin.com/iwime

原理は非常に簡単です、あなたはあなたの目盛りを指定し、10ティックを持っていたので、もしあなたが、％で位置を指定して、増分でスライダーの内側に置きます、 0％、10％、20％、30％......... 90％

また、ティックの間隔を知っている最小値と最大値から自動的にティックのリストを生成することもできます。