Jquery ui Jquery'；s微调器ui.value未注销值

我希望这样做可以注销输入值：

HTML:

小提琴：

这个：

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

spin:function（事件、用户界面）{
如果（ui.value>10）{
$（此）.spinner（“值”，-10）；
返回false；
}否则如果（ui.value<-10）{
$（此）.spinner（“值”，10）；
返回false；
}
}

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

---

非常感谢。你知道为什么前一种方法不起作用吗？它在jqueryui的文档中提供

$(function() {
    $("#spinner").spinner({
        change: function(event, ui) {
            console.log(this.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;
        }
      }

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