jquery - Textarea 没有响应 jQuery 的模糊

Question

我有几个动态加载的文本区域，当它们变得模糊时似乎没有响应。我使用 .post 加载它们(它们在 php 脚本中生成并作为显示数据返回)。我做了this jsfiddle ，它可以单独运行，但不能在我的页面上运行。问题可能是文本区域是动态加载的吗？我在其他地方读到，我应该使用 .on() 来动态加载元素(我确实使用了它)，但它在我的页面上仍然不起作用。这是 jsfiddle 中的 jQuery 代码:

$('.crit_desc').on('blur', function () {

    var value = $(this).val();
    alert(value);

});

Answer 1

将代码更改为:

$(document).on('blur', '.crit_desc', function () {
    var value = $(this).val();
    alert(value);
});

由于元素是动态加载的，因此在页面加载时它们需要绑定(bind)到 DOM 中存在的元素。理想情况下，您希望元素比 document 更接近动态加载的元素，以提高性能。

根据 docs在 .on() 上:

Event handlers are bound only to the currently selected elements; they must exist on the page at the time your code makes the call to .on(). To ensure the elements are present and can be selected, perform event binding inside a document ready handler for elements that are in the HTML markup on the page. If new HTML is being injected into the page, select the elements and attach event handlers after the new HTML is placed into the page.