Изменение слайдера пользовательского интерфейса jQuery во время скольжения - PullRequest
Новая
       11

Изменение слайдера пользовательского интерфейса jQuery во время скольжения

0 голосов
/ 13 декабря 2010

Редактировать: Я до сих пор не решил эту проблему.Если у кого-то есть совет, я был бы признателен.

У меня есть слайдер jquery с двумя барами, которые пользователь может изменить, чтобы выбрать диапазон цен.Ниже ползунка я отображаю min: $ xxx и max: $ xxx , чтобы показать текущий ценовой диапазон.Вот код: 

$("#slider-price .slider").slider({ 
    step: 10, 
    animate: true,
    range: true, 
    min: 0, 
    max: 500, 
    values: [range_price[0],range_price[1]],
    slide: function() { 
        range_price = $(this).slider("option", "values");
        $("#low-price-label").text("Min: $"+range_price[0]);
        $("#high-price-label").text("Max: $"+range_price[1]);
    }
});

Опция slide определяет значение ползунка и обновляет минимальное и максимальное значения.Однако они меняются только при наведении мыши, после того, как пользователь сделал скольжение по панели.Я хочу, чтобы числа обновлялись по мере того, как пользователь скользит по барам.Как мне это сделать?

1 Ответ

2 голосов
/ 13 декабря 2010

Я использую это в медиаплеере, который я написал 

slide: function(event, ui) {

$("#amount").text(ui.value);

}

edit: Просто перечитайте ваш вопрос, вы должны иметь возможность использовать 'ui.values' вместо value, чтобы вернуть массив, parseи идите оттуда.

edit2: попробуйте эту функцию вместо той, которая у вас есть. 

slide: function(event,ui) {          
   range_price =  ui.values;
   $("#low-price-label").text("Min: $"+range_price[0]);
   $("#high-price-label").text("Max: $"+range_price[1]); 
}
...