javascript - jQuery 元素添加事件不响应某些语法

Question

我有一个 jQuery 问题，jQuery 不响应某些语法:

$("#itemid").change(function(e){....});

它根本不起作用。但是当我使用这个时:

$(document).on("change", "#itemid", function(e){....});

效果很好。我已经阅读了 jQuery 手册，但没有找到任何答案。我的测试浏览器是 Chrome 版本 36。

Answer 1

这是因为事件是在 DOM 在页面上渲染之前附加的。

-如果未动态添加元素，则需要将事件包装在文档中:

$(document).ready(function(){// or $(function(){
 $("#itemid").change(function(e){....});
});

-如果元素是动态添加的，那么您需要使用事件委托(delegate):

$(document).on("change", "#itemid", function(e){....});