Jquery ui jQuery UI-无法在微调器上触发微调停止

我无法触发为jQuery UI微调器设置的

“spinstop”

事件

我创建了许多微调器元素，用于更新

停止：

事件底部的“总和”文本框。我还有一个“重置”按钮，可以将所有值重置回0

单击“重置”按钮将重置元素中的值，但不会触发重置值的

停止：

事件

我尝试将微调器事件更改为

spin:

或

change:

，结果相同（实际上，

change:

没有我想要的行为）

下面是一个示例代码

HTML:

我做错了什么

<input type="text" class="number" /><br />
<input type="text" class="number" /><br />
<input type="text" class="number" /><br />
<input type="text" class="number" /><br />
<input type="text" id="total" /><br />
<button id="reset">Reset</button>

$.fn.sum = function () {
    var sum = 0;
    this.each(function () {
        sum += 1 * ($(this).val());
    });
    return sum;
};

$(".number").spinner({
    stop: function () {
        $("#total").val($(".number").sum());
    }
}).val(0);

$("#total").val($(".number").sum());

$("#reset").click(function () {
    $(".number").val(0).trigger("spinstop");
});