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

This this： http://jsfiddle.net/u9T5s/1/

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

使用this.value而不是ui.value。這將採用更改函數附加到的當前對象。

回答評論：你實現了不同的功能，一個是變化，一個是旋轉。

發生真正變化後，還會更改一個模糊處理，一旦啓動向上/向下點擊，旋轉就會執行。

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; 
     } 
     } 

Answer 2

jsFiddle Demo

我不知道適當的鉤就是儘可能的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()); 
});  
});