jquery 找不到 C# 中动态创建的元素

Question

我正在创建一个输入框并尝试向该输入添加事件按键。如果我静态创建输入，我可以使用 jquery 找到它。但是，如果我在代码后面创建它，我无法通过jquery找到它。

这是我动态创建输入的 C# 代码

result0 += "<div style='float:left;width:130px'>Telephone: </div><div style='float:left;width:200px'><input id='txt_basic_telno" + i + "' class='blue_input' type='text' value='" + dr["MobilePhone"].ToString() + "' style='width:250px' maxlength='11' /></div><div style='clear:both'></div>";

这是我的 jquery 代码，当用户在焦点位于输入框时按下按键时应该触发

$("#txt_basic_telno").keydown(function (event) {
        alert('test');
});

我该如何解决这个问题？

Answer 1

您需要使用on

$(document).on('keydown',"[id^=txt_basic_telno]", function (event) {
        alert('test');
});

尽量不要将其附加到文档，因为这样效率很低。将文档替换为最近的静态容器。

这是一个fiddle演示

编辑

来自dystroy的被盗选择器......他的答案更好，但我想保留文档评论，因为它很重要