Как добавить маркер в слайдер пользовательского интерфейса jQuery? - PullRequest
9 голосов
/ 14 декабря 2010

У меня есть простой ползунок 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" ) );

1 Ответ

10 голосов
/ 03 января 2011

Я нашел отличную реализацию слайдера jQuery UI здесь:

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

Он называется плагином selectToSlider и позволяет размещать отметки по всему слайдеру, а также позволяет добавлять метки и всплывающие подсказки.

...