如何添加标记到jQuery UI滑块？

Question

我有一个简单的jQuery UI滑块，其数值范围从25到35.它工作正常，默认值为28.我希望添加一个简单的刻度标记到滑块以指示28是默认值是。有没有简单的方法来添加指标？

$('#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滑块在这里：

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

这就是所谓的selectToSlider插件，允许刻度标记的整个滑块的位置以及能力添加标签和工具提示。

Answer 2

退房的实施： http://jsbin.com/iwime

原则是很容易的，你指定你的刻度，然后将它们放在滑块内的增量，指定位置％，所以如果你有10个刻度，您可以将它们置于0％，10％，20％，30％.... 90％

您还可以从最小和最大值中自动生成滴答列表，以了解您希望滴定的时间间隔。