Javascript 如何在.load()之后嵌套事件

Javascript 如何在.load()之后嵌套事件,javascript,jquery,Javascript,Jquery,我认为解决办法可能很明显,但我似乎找不到 this.$modal.on("show.bs.modal", function () { $("#authModalContent").load("/login/",function(){ $("form").on("submit", function(e){ e.preventDefault(); var data = $

我认为解决办法可能很明显,但我似乎找不到

this.$modal.on("show.bs.modal", function () {
            $("#authModalContent").load("/login/",function(){
               $("form").on("submit", function(e){
                   e.preventDefault();
                   var data = $("form").serializeArray();
                   $.post("/login_check",data,function(data){
                        $("#authModalContent").html(data);
                   });
               });
            });
        });
数据基本上是/login/route的html内容。如何嵌套此函数而不创建无限循环

上下文:加载登录页面,单击提交,后端重定向到/Login/with POST,然后html被传输到模式


FOSUserBundle+symfony2使用了

好吧,我来回答我自己的问题。您需要在dom中找到一些始终留在那里的东西,并告诉他查找其他特定的动态元素

   this.$modal.on("show.bs.modal", function () {
             $("#authModalContent").load("/login/");

            $("#authModalContent").on("submit", "form", function(e){
                e.preventDefault();
                var data = $("form").serializeArray();
                $("#authModalContent").load("/login_check",data);
            });
        });
基本上,我的
#auModalContent
将始终存在,并且
表单每次都将动态加载