javascript - Jquery 不适用于在 document.ready 之后创建的元素

Question

在我的代码中，我在单击“+”/加号按钮时添加了一整套新元素。

但问题是，由于我仅在单击期间附加新元素，因此这些元素不会响应 jquery 事件。

下面是我的场景中的一个事件:

$("#form input[type='text']").blur(validateField);

此事件适用于所有输入元素，除了我在单击“+”/加号按钮时动态附加的一次。

我该如何解决？谁能帮忙？

提前致谢。

Answer 1

委托(delegate)事件:

$(document.body).on('focusout',"#form input[type='text']",validateField);

由于默认情况下 onblur 事件不会冒泡，因此请改用 onfocusout 事件。

编辑:刚刚检查过，jquery 现在通过映射 onblur 事件添加对 onblur 事件的委托(delegate)支持。

The blur event does not bubble in Internet Explorer. Therefore, scripts that rely on event delegation with the blur event will not work consistently across browsers. As of version 1.4.2, however, jQuery works around this limitation by mapping blur to the focusout event in its event delegation methods, .live() and .delegate().