我有这个"模板"代码(仅作为示例):
$(document).on("<EVENT>", "form", function() {
$(this).find(".input input").each(function() {
var required = $(this).attr("required");
var checkField = $(this).closest("tr").children(".check");
var errorField = $(this).closest("tr").children(".errormessage");
if (required != undefined) {
$(checkField).css("color", "#FFFF00");
$(checkField).html("✘");
$(errorField).css("color", "#FFFF00");
$(errorField).html("(Required)");
}
else {
$(checkField).css("color", "#FFFF00");
$(checkField).html("✔");
$(errorField).css("color", "#000000");
$(errorField).html("");
}
});
});
例如,当<EVENT>
是click
或mouseover
时,它只是按预期工作
然而,它拒绝处理ready
或load
事件,有什么原因吗?
来源http://api.jquery.com/on/
在所有浏览器中,加载、滚动和错误事件(例如,在元素上)都不会出现气泡。在Internet Explorer 8及更低版本中,粘贴和重置事件不会冒泡。此类事件不支持与委托一起使用,但当事件处理程序直接附加到生成事件的元素时,可以使用这些事件。