JQuery UI, Spinner. Событие change, spin…?

Question

[Юрий Куляш]

Не получается навесить событие на spinner с вызовом функции, в которой используется новое значение input'а (после изменения). Почему-то берется старое значение, один из вариантов:

$("#spinner").bind('spin', function(event, ui) {<br>
      // $("#spinner").spinner("value") - возвращает старое значение, а не новое<br>
   });<br>

Comments

[Юрий Куляш]

проблему решил так:

$("#spinner").spinner({
    min: 1,
    step: 1,
    change: function () {
        //$("#spinner").spinner("value")
    }
});
$("#spinner").bind('spin', function (event, ui) {
    // ui.value
});

Answer 1

[Makito]

Попробуйте навесить не на событие spin а на событие change

Comments

[Makito]

Опровергну — не прокатит :)
Зато есть такой вариант — обратиться к ui.value
Проверил — работает.

[Makito]

И кстати говоря вам наверное все же придется обработать и событие change, так как от события spin можно получить значение только в случае, если пользователь кликает на кнопки увеличения/уменьшения, а если вводить значение с клавиатуры, то событие spin проигнорирует такой ввод.

[Юрий Куляш]

Опять что-то не так. При варианте (18:09) происходит увеличение инпута при наведении курсора на управляющую кнопку. Сделал вот так:

$("#spinner").spinner({min: 1, step: 1,
   stop: function () {
      //$("#spinner").spinner("value")
   }
});
$("#spinner").bind('spinchange', function (event, ui) {
   //$("#spinner").spinner("value")
});

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

Answer 2

[Никита Траторов]

столкнулся с таким.
используйте событие

stop: function( event, ui ) {
        //...
}

Comments

[Никита Траторов]

Оно выстреливает, когда человек отпускает одну из стрелочек и использует новое значение.