我有以下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);
});
解决方法
当具有包装器ID的元素不可访问时(例如,您不等待DOM准备好),您可能正在调用代码.
尝试解决这个问题：
$(function(){
$('#wrapper').on('change',function(){
var x = this.value;
$('#someDynamicElement').css('color',x);
});
});
当DOM准备好时,它会将更改事件处理程序附加到#wrapper元素.
其他可能性(其中一些人提到)：
> #txtColor不在#wrapper中,>动态添加#wrapper,> ID可能重复(包装器和txtColor ID必须唯一,这意味着它们只能分配给一个元素),
