javascript - 将处理程序从 jquery 元素附加到另一个元素

Question

我的页面中的表单附加了一个 jquery 处理程序。然后，我动态加载一些组件，其中可能包括一个表单，该表单应该获得相同的 jquery 处理程序。

我知道这一点，并且我应该使用 .live() 或 .on() 来将处理程序附加到这个动态加载的组件，并且我已经在其他地方成功应用了这项技术。

但是，在这种情况下，我发现很难使用 .on()，因为我不想再次为新表单编写代码。是否可以告诉一个元素应用与其他元素相同的处理程序？

所以，这是我的代码结构

$(".myForm").submit(
            function() { alert("do stuff");}
      );

$(".loadPage").click(
       function() {
             $.post( "my_url.php",
        "my_var = " + my_var, 
                 function( data) {
                                //data may contain a form, that is supposed to behave just as myForm
               $("#container").html( data );

                           //now I shoudl be able to apply the handler, but I´m not sure how
                           $("#container .myForm").submit( sameHandler ); 
                      }
               }
      );

所以，我不知道也无法弄清楚如何定义“sameHandler”。顺便说一句，动态加载的表单确实有“myForm”类，如果这有帮助的话，但我不知道是否有任何方法可以“刷新”动态加载元素上的 jQuery 指令。

Answer 1

您可以将提交事件添加到文档中并将其与选择器耦合

$(document).on("submit", ".myForm", function(){alert("do stuff");});

您还可以声明一个可以在多个地方使用的函数变量

var sameHandler = function() {
    alert("do stuff");
};

$(".myForm").submit(sameHandler);
$("#container .myForm").submit(sameHandler);