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

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