javascript - 如何解决这个简单的 jQuery 问题？

Question

总的来说，我是 jQuery 和 JavaScript 的新手。我注意到，如果您通过 jQuery 将一个元素插入 DOM 并稍后尝试对该元素执行操作，它会失败。例如:

我正在向页面上的所有输入元素添加一个“listenToField”类:

$(function() {

$('input').addClass('listenToField');

});

然后当我添加第二个函数时:

$(function() {

     $('input').addClass('listenToField');

     // second function
     $('.listenToField').keydown(function() {

          alert('Hi There')

     });

});

它不会提醒“你好”。

但是，如果我将类“listenToField”硬编码到 HTML 输入中，警报就会起作用。当 jQuery 动态插入类而不诉诸硬编码时，我如何让它继续工作？

Answer 1

试试 jQuery 的 live 方法。

live() 方法将事件分配给存在的元素和将要创建的元素。

http://api.jquery.com/live/

$('.listenToField').live('keydown', function() {
   alert('Hi there!');
})