我希望这会注销输入的值:
HTML:
<input id="spinner" />
JS:
$(function() {
$("#spinner").spinner({
change: function(event, ui) {
console.log(ui.value)
}
});
});
答案 0 :(得分: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());
});
});
答案 1 :(得分:1)
这个: 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;
}
}