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

使用这个。Value而不是ui.value。这将获取附加了更改函数的当前对象。

回复评论:你实现了不同的功能，一个是change，一个是spin。

当真正的改变发生后，改变会在模糊时执行一次，而当上下点击被触发时，改变会执行一次。

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