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

【问题标题】：How do I add a Marker to a jQuery UI Slider?如何将标记添加到 jQuery UI 滑块？
【发布时间】：2011-05-25 00:58:57
【问题描述】：

我有一个简单的 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" ) );

【问题讨论】：

标签： jquery-ui slider

【解决方案1】：

我在这里找到了一个很棒的 jQuery UI 滑块实现：

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

它被称为 selectToSlider 插件，允许在整个滑块中放置刻度线以及添加标签和工具提示的功能。

【讨论】：