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