如何在Ajax加载后选择元素?

时间:2014-06-18 11:37:51

标签: javascript jquery ajax

我的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加载的输入。也许有人可以建议一些解决方案?感谢。

1 个答案:

答案 0 :(得分:2)

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

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