Как переместить указатель ползунка в определенную точку шкалы ползунка в jQuery UI Slider?

Я использую ползунок пользовательского интерфейса jQuery из группы Filament, где он преобразует элемент SELECT в ползунок. Это работает нормально. Теперь я хочу программно переместить обработчик ползунка в определенную точку на шкале ползунка с помощью JavaScript.

Пример: когда я нажимаю кнопку, она вызывает функцию JavaScript, и внутри нее я хочу написать фрагмент кода, который будет перемещать указатель ползунка на определенную точку тика/ползунка на шкале.

У меня есть пример приложения здесь:

$(function(){
$('#speed').selectToUISlider();
//fix color
//fixToolTipColor();
}); 


function Move()
{
  // How do i move to "Slow" point ?

}

http://jsfiddle.net/DrR7s/15/


javascript jquery slide jquery-ui-slider select-to-slider
person Shyju    schedule 30.06.2011    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Я тоже немного боролся с этим. По сути, вам просто нужно установить значение выбора, а затем вызвать событие изменения выбора. Это должно сработать.

$('#speed').val('Fast');
$('#speed').trigger('change');

Я обновил jsfiddle с исправлением: http://jsfiddle.net/DrR7s/44/.

person Nate Irwin    schedule 12.07.2011

arrow_upward
4
arrow_downward

Для этого вы можете использовать функцию «option», поэтому:

$('#someSliderElement').slider('option', 'value', 25); // Replace 25 with a value between 0-100
person Elte Hupkes    schedule 30.06.2011
comment
@Shyju Это не работает для вас, потому что вы используете selectToUISlider() (должен был упомянуть об этом в вопросе), поэтому указание исходному элементу #speed изменить его значение ничего не дает. - person NickAldwin; 30.06.2011
comment
@Shyju этот комментарий предполагает, что вам нужно использовать next(): filamentgroup.com/lab/ - person NickAldwin; 30.06.2011

arrow_upward
0
arrow_downward

И у вас есть ошибка js в вашем примере.

«Uncaught ReferenceError: перемещение не определено»

Просто поместите функцию Move в тело html.

person Junior    schedule 30.06.2011