javascript - Ajax加载后如何选择元素？

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 9 年前。

我的 html 中有输入:

<input type="text" id="1" value="1" name="1">
<input type="text" id="2" value="2" name="2">

然后我使用 ajax 并加载另一个输入:

<input type="text" id="3" value="3" name="3">

有包含代码的 JavaScript 文件:

$('input[type=text]').focusin(function() {
    var Id = this.id;
    someActionWithId(Id);
}).focusout(function(){
    var Id = this.id;
    someActionWithId(Id);
});

有人可以告诉我为什么我无法选择 AJAX 加载的输入吗？也许有人可以提出一些解决方案？谢谢。

Answer 1

您需要为动态加载的元素绑定(bind)事件，如下所示:

$(document).on('focusin','input[type=text]',function() {
    var Id = this.id;
    someActionWithId(Id);
});
$(document).on('focusout','input[type=text]',function(){
    var Id = this.id;
    someActionWithId(Id);
});