javascript - 无法为克隆的 `change` 控件调用 `select` 事件

Question

我通过克隆最后一行动态添加了新行，该行包含select选择器控件。

如何为新添加的控件创建 change 事件。

我尝试添加以下脚本，但它不起作用:

console.log($('#${field_uid}-resourcetypepicker-new_' + u).attr('value'));  //prints  value correctly.

//下面的事件没有被调用。

 $('#${field_uid}-resourcetypepicker-new_' + u).change(function() {   
        
        console.write('calling fine');
 });

下面是渲染的 HTML 内容，从 Firebug 复制:

 <select id="customfield_11200-resourcetypepicker-new_3">
     <option value="aaa">aaa</option>
     <option value="ddd">ddd</option>
     <option value="ddd">ddd</option>
 </select>

这可能是什么原因造成的？它的 ID 在 change 和 select 中也匹配，两者 customfield_11200-resourcetypepicker-new_3 相同。

Answer 1

用于委托(delegate)事件

$(document).on('change','#${field_uid}-resourcetypepicker-new_' + u,function() { 
   console.write('calling fine');
 });

使用最接近的静态父级而不是文档...以获得更好的性能