Показать сообщение отдельно
  #1 (permalink)  
Старый 27.10.2013, 21:14
Аспирант
Отправить личное сообщение для namez Посмотреть профиль Найти все сообщения от namez
 
Регистрация: 21.11.2008
Сообщений: 52

UI slider (range), как узнать какой handle был нажат?
Всем привет!

Обычная ситуация, 2 инпута, цена от и до. Подключен ui виджет слайдера. С помощью слайдера можем менять мин и макс значения.

Пример тут http://jsfiddle.net/zck9X/

Возник вопрос, а как узнать какой в данный момент ползунок (мин или макс) я нажал? Ну или какой инпут был изменен?

Если бы я ловил событие на input'ы то делал бы например так:

$("#p_f").change(function() {
  // отловил
 });


Но в случае с ui слайдером сами input'ы как я понял не получают события. Как отловить событие мин и макс ползунка?

Я могу получить обьект ползунка так (http://api.jqueryui.com/slider/):

change: function (event, ui) {
        console.log(ui.handle);
    }



Результат
<a class="ui-slider-handle ui-state-default ui-corner-all" href="#" style="left: 43.775784753363226%;"></a>

Никакого класса или id о том какой это ползунок (мин или макс) нет.
Подскажите, что-то я сильно туплю.

Спасибо

Последний раз редактировалось namez, 27.10.2013 в 21:20.
Ответить с цитированием