javascript - 就绪/加载时的 jQuery 表单不起作用

Question

我有这个“模板”代码（例如）：

$(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("&#x2718;");
            $(errorField).css("color", "#FFFF00");
            $(errorField).html("(Required)");
        }
        else {
            $(checkField).css("color", "#FFFF00");
            $(checkField).html("&#x2714;");
            $(errorField).css("color", "#000000");
            $(errorField).html("");
        }
    });
});

什么时候<EVENT>是例如clickor mouseover，它只是按预期工作。
但是它拒绝在一个ready或load事件上工作，有什么线索吗？

Answer 1

来自http://api.jquery.com/on/

在所有浏览器中，加载、滚动和错误事件（例如，在元素上）不会冒泡。在 Internet Explorer 8 及更低版本中，粘贴和重置事件不会冒泡。此类事件不支持与委托一起使用，但可以在事件处理程序直接附加到生成事件的元素时使用。