jQuery on()而不是live()不工作

我有以下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',x);
});

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

解决方法

当具有包装器ID的元素不可访问时(例如,您不等待DOM准备好),您可能正在调用代码.

尝试解决这个问题：

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

当DOM准备好时,它会将更改事件处理程序附加到#wrapper元素.

其他可能性(其中一些人提到)：

> #txtColor不在#wrapper中,>动态添加#wrapper,> ID可能重复(包装器和txtColor ID必须唯一,这意味着它们只能分配给一个元素),