jquery-ui - Jqueryのスピナーui.valueが値をログアウトしない

Question

入力の値をログアウトするには、次のようにします。

HTML：

<input id="spinner" />

JS：

$(function() {
    $("#spinner").spinner({
        change: function(event, ui) {
            console.log(ui.value)
        }
    }); 
});

フィドル： http： //jsfiddle.net/u9T5s/

Answer 1

jsFiddleデモ

jquery ui APIに関する限り、適切なフックが何であるかはわかりませんが、これを行う簡単な方法もあります。

$(function() {
 $("#spinner").spinner(); 
 $('.ui-spinner-up').click(function(){
   console.log("Increased to "+$('#spinner').val()); 
 });
 $('.ui-spinner-down').click(function(){
   console.log("Decreased to "+$('#spinner').val()); 
 });    
});

Answer 2

これ： http： //jsfiddle.net/u9T5s/1/

$(function() {
    $("#spinner").spinner({
        change: function(event, ui) {
            console.log(this.value)
        }
    }); 
});

ui.valueの代わりにthis.valueを使用してください。これにより、変更関数がアタッチされている現在のオブジェクトが取得されます。

コメントへの回答：異なる関数を実装します。1つは変更で、もう1つはスピンです。

また、実際の変更が発生した後、上/下クリックが発生するとスピンが実行された後、変更はぼかし時に1つ実行します。

spin: function( event, ui ) {
        if ( ui.value > 10 ) {
          $( this ).spinner( "value", -10 );
          return false;
        } else if ( ui.value < -10 ) {
          $( this ).spinner( "value", 10 );
          return false;
        }
      }