jquery - 用于在文档加载后添加的 html 上创建事件处理程序的语法

Question

在通过 jQuery 加载文档后，我将一些 html 添加到 DOM（以及对此的后续，但与此示例中如何访问外部选择器无关）。我想将“keyup”绑定到包装在“.item-vals”类中的输入元素。我的理解是，第一种语法应该将 jQuery 对该事件的测试限制为仅存在于类“.item-vals”中的元素。由于 '.item-vals' 会更具体，我认为它会比使用文档表现更好。有没有办法使第二种语法起作用？

// doesn't work
$('.item-vals').on('keyup','input',function(){

// does work
$(document).on('keyup','.item-vals input',function(){

thx 提前（对所有 jQuery 问题表示抱歉）

Answer 1

.live is deprecated. Don't use it.

Instead of document use a container div so that the event doesn`t have to bubble to the top.

$('#MyContainerThatExistsOnPageLoad').on('keyup','.item-vals input',function(){