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

Question

在通过 jQuery 加载文档后，我将一些 html 添加到 DOM(以及对此的后续操作，但不是那么相关 how to access outside selector in this example )。我想将“keyup”绑定(bind)到包装在“.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(){

提前致谢(对所有 jQuery 问题表示歉意)

Answer 1

.live 已弃用。不要使用它。

使用容器 div 代替 document，这样事件就不必冒泡到顶部。

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