Question

我已经有了这个jQuery来更新总额，当金额输入五个“金额”框中的任何一个时：

/* boxAmount1...boxAmount5 - when any of them change, update boxGrandTotal */
$(document).on("blur", '[id^="boxAmount"]', function (e) {
    alert('in the boxamount blur handler');
    var amount1 = $('[id$=boxAmount1]').val() != '' ? parseInt($('[id$=boxAmount1]').val()) : 0;
    // jakecigar's idea: add this just in case a user enters something other than a number: if ($.isNaN(amount1) amount1=0;
    var amount2 = $('[id$=boxAmount2]').val() != '' ? parseInt($('[id$=boxAmount2]').val()) : 0;
    var amount3 = $('[id$=boxAmount3]').val() != '' ? parseInt($('[id$=boxAmount3]').val()) : 0;
    var amount4 = $('[id$=boxAmount4]').val() != '' ? parseInt($('[id$=boxAmount4]').val()) : 0;
    var amount5 = $('[id$=boxAmount5]').val() != '' ? parseInt($('[id$=boxAmount5]').val()) : 0;
    var grandtotal = amount1 + amount2 + amount3 + amount4 + amount5;
    alert(grandtotal);
    $('[id$=boxGrandTotal]').val(grandtotal);
});

在Sμßhrånil∂的小提琴here中，它只是花花公子。但对我来说，我从未看到我添加的警报（“在boxamount模糊处理程序中”）。

起初我认为这是因为我没有为五个boxAmount输入文本分配ID - 我忘记了这一点。但即使在添加ID之后，也是如此：

boxAmount1 = new TextBox()
{
    CssClass = "dplatypus-webform-field-input",
    ID = "boxAmount1",
    Width = TEXTBOX_WIDTH
};
cellColAmount1.Controls.Add(boxAmount1);

...未到达处理程序。

现在事实上，大多数“boxAmount”是在某种意义上动态创建的 - 用户可以有条件地看到它们。但是，上面显示的第一个（“boxAmount1”）始终可见，因此应始终“可查找”。但即使退出/模糊出特定的输入文本，我也看不到“在boxamount模糊处理程序中”。

为什么不呢？如何点亮此处理程序以使其响应退出/模糊事件？

“boxAmount1”确实出现在“查看来源”中：

input name="ctl00$ctl24$g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33$ctl00$boxAmount1" type="text" id="ctl00_ctl24_g_5f3fedca_19f7_4bc3_b84e_efbef0c48a33_ctl00_boxAmount1" class="finaff-webform-field-input" style="width:88px;" />

，事实上，所有其他人也都这样做（boxAmount2 ... boxAmount5）。

Answer 1

在ID上触发模糊事件，使用输入模糊与类finaff-webform-field-input一起尝试。因为同一个id在同一页面上不能多次：

这是类模糊事件

 /* boxAmount1...boxAmount5 - when any of them change, update boxGrandTotal */
    $(document).on("blur", '.dplatypus-webform-field-input', function (e) {
        alert('in the boxamount blur handler');
        var amount1 = $('#boxAmount1').val() != '' ? parseInt($('#boxAmount1').val()) : 0;
        // jakecigar's idea: add this just in case a user enters something other than a number: if ($.isNaN(amount1) amount1=0;
        var amount2 = $('#boxAmount2').val() != '' ? parseInt($('#boxAmount2').val()) : 0;
        var amount3 = $('#boxAmount3').val() != '' ? parseInt($('#boxAmount3').val()) : 0;
        var amount4 = $('#boxAmount4').val() != '' ? parseInt($('#boxAmount4').val()) : 0;
        var amount5 = $('#boxAmount5').val() != '' ? parseInt($('#boxAmount5').val()) : 0;
        var grandtotal = amount1 + amount2 + amount3 + amount4 + amount5;
        alert(grandtotal);
        $('#boxGrandTotal').val(grandtotal);
    });

Answer 2

直接按id选择DOM对象;应该是：

$([id^="boxAmount"]).on("blur", function (e) {
   ...
}

为什么我的模糊事件处理程序没有触发？

2 个答案: