Question

我希望这会注销输入的值：

HTML：

<input id="spinner" />

JS：

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

小提琴：http://jsfiddle.net/u9T5s/

Answer 1

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

Answer 2

这个： 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;
        }
      }

Jquery的微调器ui.value没有注销值

2 个答案: