javascript - "keydown"和 "change"事件不适用于 jquery 数据表

Question

我的 jquery 数据表的每一行都有一个输入字段。我必须在文本更改时触发一个事件，并为这些输入字段中的每一个输入新闻。正在使用服务器端处理加载 jquery 数据表。在不使用服务器端处理之前，输入字段事件工作正常!是什么导致事件沉默现在？

我之前使用的事件---

$('#txtQty').keydown(function (e) {
        alert("keydown");
}

$('#txtQty').change(function () {
         alert("Change");

}

应用服务器端处理后我使用的相同监听器。

Jquery 网格详细信息-客户端处理添加输入框~

@foreach (var item in Model)
{
 <tr>
                    .
.
.
.
.
.
@if (item.Qty <= 0)
{
 <td>
     <input class="inputs" id="txtQty" type="text" value=@item.MinQty />
     </td>
    }
  }

随时随地应用的服务器端处理和输入框-

$('#grid').dataTable({
        "bServerSide": true,
        "sAjaxSource": "../myaction/AjaxHandler",
        "bProcessing": true,
        "scrollY": 385,
        "scrollX": true,
        "scrollCollapse": true,
        "jQueryUI": true,
        "bJQueryUI": true,
        "sDom": 'lfrtip',

        "aoColumns": [
                        { "sName": "dfgdfg" },
                        { "sName": "dfgdfg" },
                        { "sName": "hhh" },
                        {
                            "sName": "Qty",

                            "mRender": function (sName) {

                                return '<input class="inputs" id="txtQty" type="text"  value='+ sName +' />';
                            },
                        },
                        { "sName": "Category" },
                        { "sName": "Comment" }
        ],
        "oLanguage": {

            "sProcessing":'Processing.....'
        }

    });

Answer 1

• 您有多个具有相同 ID txtQty 的元素。对于多个元素的正确事件处理，您可以使用类。例如，类 inputs。

• 对于动态创建的元素，您可以使用 $(document).on("event", "selector", function() {});。

所以，最后，它应该是这样的:

$(document).on('keydown', '.inputs', function(e) {
    alert("keydown");
}

$(document).on('change', '.inputs', function() {
    alert("Change");
}