表单加载时的jQuery动态

Question

每当表单加载到我的网站上时，我都会尝试自动执行某些表单预处理。这可以通过正常的页面加载，也可以通过AJAX内联页面加载来实现。因此将其放入$(document).ready(function() { /* ... */ });并不符合我的需要。

到目前为止我所拥有的：

$("form").each(function() {
    $(this).ready(function() {
        $(this).find(".input input").each(function() {
            var required = $(this).data("required");
            var checkField = $(this).closest("tr").children(".check");
            var errorField = $(this).closest("tr").children(".errormessage");
            if (required) {
                $(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("");
            }
        });
    });
});

将其放入$(document).ready(function() { /* ... */ });时，它可以正常工作，但仅适用于第一次加载。当我将它放在该函数之外时，它永远不会起作用，它甚至不会到达$("form").each(function() { /* ... */ });。

如何解决这个问题？

Answer 1

你可以用这个插件吗？例如：

 $.fn.formRendering = function(){

     //process your code here
 };

 $('form').formRendering();