提出が成功した後、次の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');