jQuery UI слайдер, сохраняющий значение в переменной

Question

jQuery UI слайдер, сохраняющий значение в переменной

0

эй, у меня есть слайдер, настроенный с помощью jquery ui, и по какой-то причине я не могу получить базовую настройку наличия ползунка, диапазон 1-3, а затем, когда ползунок перемещен с текущим значением, отображаемым в div, по некоторым причинам номера, которые он отображает, не соответствуют 1,2,3.

У меня есть скрипка здесь:

http://jsfiddle.net/vG8NY/14/

код выглядит следующим образом:

HTML:

<div id="variable_slider"></div>
<div id="slide"></div>

ЯШ:

 $("#variable_slider").slider({
     value: 2,
     range: "min",
     min: 1,
     max: 3,
     step: 1,
     slide: function (event, ui) {
         slider_value = $("#variable_slider").slider("value");
         $("#slide").html(slider_value);
     }
 });

loriensleafs 02 дек. 2013, в 22:55

Источник

Теги:

jquery

jquery-ui

uislider

2 ответа

3

Заменить:

slider_value = $("#variable_slider").slider("value");
$("#slide").html(slider_value);

с:

$("#slide").html(ui.value);

Пример jsFiddle

j08691 02 дек. 2013, в 19:01

0

Причина, по которой вы получаете неправильные значения, заключается в том, что значение ползунка не обновляется до события изменения. Во время события слайда значение слайдера остается прежним.
doog abides 02 дек. 2013, в 21:57

Ещё вопросы

Причина, по которой вы получаете неправильные значения, заключается в том, что значение ползунка не обновляется до события изменения. Во время события слайда значение слайдера остается прежним.

SquareCat · Accepted Answer · 2013-12-02T19-09-00.000Z

Попробуйте использовать

 $("#variable_slider").slider({
     value: 2,
     range: "min",
     min: 1,
     max: 3,
     step: 1,
     slide: function (event, ui) {
         slider_value = ui.value;
         $("#slide").html(slider_value);
     }
 });

В то время как важная часть:

slider_value = ui.value;

Зачем?

ui уже предоставляет ссылку на ваш объект слайдера, а его свойство.value содержит правильное значение.

См. Эту страницу для примера реализации.

Что делать, если у вас было несколько ползунков?
Это хорошо само по себе - обратный вызов будет применен к каждому ползунку, который соответствует вашему селектору. интерфейс всегда будет ссылкой на текущий слайдер. Однако, если вы хотите выполнить определенные действия в рамках этого обратного вызова, действия, которые относятся к значениям других ползунков, это не имеет смысла, так как ползунок необходимо использовать для запуска события слайда. И довольно маловероятно, что два ползунка будут использоваться согласованно.