jQuery on() 而不是 live() 不起作用

Question

我有以下 html 标签

<input type="text" id="txtColor" />
<div id="wrapper">
    <div id="someDynamicElement"></div>
</div>

当我这样做时，它起作用了

$('#txtColor').live('change',function(){
    var x = this.value;
    $('#someDynamicElement').css('color',x);
});

但是当我尝试使用 on() 而不是 live() 执行相同操作(如下面的代码所示)时，它不起作用。我做错了什么

$('#wrapper').on('change','#txtColor',function(){
    var x = this.value;
    $('#someDynamicElement').css('color',x);
});

其中#someDynamicElement是动态添加到页面的元素。

Answer 1

它不起作用的原因是，当您从 live() 更改为 on() 时，您需要将设置监听器的元素更改为文档元素。试试这个:

$(document).on('change','#txtColor',function(){
    console.log($(this).val());
});