Question

我有引导的酥料饼内的一种形式：

<button type="button" style="margin-top:10px;margin-left:15px" 
     data-html="true" 
     data-content=' 
     <form id="AjaxloginForm"> 
     <input type="hidden" name="_csrf_token" value="{{ csrf_token(authenticate) }}"> 
     <div id="Loginresponse" style="display:none;"></div> 
      <div class="form-group" style="overflow:hidden;"> 
      <label style="margin-top:10px;" for="inputUsername" class="col-lg-2 control-label">Username</label> 
      <div class="col-lg-10"> 
      <input type="text" class="form-control" id="inputUsername" placeholder="Username" style="width:215px;float:right;"> 
      </div> 
      </div> 
      <div class="form-group" style="overflow:hidden;" > 
      <label style="margin-top:10px;" for="inputPassword" class="col-lg-2 control-label">Password</label> 
      <div class="col-lg-10"> 
      <input type="password" class="form-control" id="inputPassword" placeholder="Password" style="width:215px;float:right;"> 
      </div> 
      </div> 
      <div class="form-group"> 
        <div class="checkbox"> 
         <label> 
          <input type="checkbox" id="remember_me" name="_remember_me" checked /> Remember me 
         </label> 
         </div> 
        </div> 
      <div class="form-group" style="overflow:hidden;text-align:center;" > 
      <button type="submit" class="btn btn-primary btn-block" id="submitButton">Access</button> 
      </div> 
      </form> 

因为形式是一个动态节点（只显示在按钮点击）我已经设置了动态监听器：

$("#AjaxloginForm").on('submit',function(e) 
{ 
    e.preventDefault(); 
    alert(1); 
}); 

遗憾的是，当表单提交时没有任何作用，事实上我得到的页面重新加载为常规形式。
我该如何实现我的目标？

Answer 1

如果是动态创建的形式，你应该使用事件委托，

$(document).on('submit', "#AjaxloginForm", function(e) { 
    e.preventDefault(); 
    alert(1); 
}); 

可以更改document连接任何结合

其上呈现了DOM在事件发生时的父元素