爲什麼下面的jquery代碼在成功提交後關閉表單？

Question

我想關閉窗體，但是下面的代碼在點擊提交按鈕後沒有關閉窗體。雖然我可以看到警告消息出現，這意味着控制成功：標籤但表單不會關閉可能出錯的地方？請幫忙。

HTML代碼

<div id="signupmodal" class="modal fade" role="dialog of sign up"> 
    <div class="modal-dialog"> 
    <!-- Modal content--> 
    <form id="new_user_form"> 
     {% csrf_token %} 
     <div class="modal-content" data-method="post" id="modalform"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Sign Up</h4> 
     </div> 
     <div class="modal-body"> 
      <div class="form-group"> 
      <label for="usr">Username:</label> 
      <input type="text" name="username" class="form-control input-sm" id="username"> 
      <label for="eml">Email:</label> 
      <input type="email" name="emil" class="form-control input-sm" id="emailid"> 
      <label for="passwordd">Password:</label> 
      <input type="password" name="password" class="form-control input-sm" id="password"> 
      </div role="Form group"> 
     </div role="modal-dialog"> 
     <!--Closing Of Sign Up Modal Page --> 
     <div class="modal-footer"> 
      <button type="submit" class="btn btn-default" id="submit">Submit</button> 
      <button type="button" class="btn btn-default" id="close" data-dismiss="modal">Close</button> 
     </div role="modal-footer"> 
     </div role="modal content"> 
     <!--</form>--> 
    </div role="modal-dialog"> 
</div role="dialog of signup"> 
<!--Closing of sign up modal --> 
</form> 
<script src="/static/bootstrap 3/jquery/jquery.form.js/"> 
</script> 

jQuery代碼：

<script> 
$(document).on('submit', '#new_user_form', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
    type: "POST", 
    url: "/librarysystem/registered/", 
    data: { 
     username: $('#username').val(), 
     emailid: $('#emailid').val(), 
     password: $('#password').val(), 
     csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val() 
    }, 
    success: function() { 
     alert("Registeration successfully.") 
     $('#new_user_form').modal('hide'); 
    } 
    }); 

}); 
</script> 

Answer 1

您試圖隱藏窗體不是模式。你必須使用模態的id來隱藏表格。

嘗試使用此：

$('#signupmodal').modal('hide');