jQuery UI 微调器 onchange 返回旧值

Question

考虑以下代码片段

<input type="text" id="age" value="" maxlength="2" style="width: 30px;" />
<script type="text/javascript">
    $("#age").spinner({
        min: 1,
        max: 99,
        spin: function(event, ui) {
            $(this).change();
        }
    }).val(35);
    $("#age").change(function() {
        console.log($("#age").val());
    });
</script>

为什么当通过按向上/向下键或单击微调器发生 onchange 事件时，它会记录旧的微调器值？

JS Fiddle

Answer 1

插件需要一些时间来更新值。尝试使用回调中的构建，引用:http://api.jqueryui.com/spinner/#event-spin

作为一个单独的事件。

$("#age").on( "spin", function( event, ui ) { 
    console.log(ui.value)
});

或作为 init 上的选项

$("#age").spinner({
    min: 1,
    max: 99,
    spin: function( event, ui ) {
        console.log(ui.value)
    }
});