Question

我无法触发我为jQuery UI微调器设置的"spinstop"事件

我创建了许多微调元素，用于更新stop:事件底部的总计文本框。我还有一个＆＃34;重置＆＃34;将所有值重置为0的按钮。

点击＆＃34;重置＆＃34;按钮将重置元素中的值，但不会触发stop:事件来重置值。

我尝试将微调器事件更改为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>

jQuery的：

$.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");
});

我做错了什么？

JSFIDDLE

jQuery UI - 无法在Spinner上触发Spinstop

0 个答案: