BootStrap Django Jquery Modal Not Closing on Ajax Call Отправить

Question

У меня есть модальный, который я использую для отображения всплывающего окна, и когда вы нажимаете кнопку сообщения, он вызывает вызов функции ajax, у меня также есть модальный переключатель, t переключить модальный на submit, и я не знаю, как это исправить.

класс ДИВ

<div class="modal fade bs-example-modal-sm2" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" id='post_modal'> 
    <div class="modal-dialog modal-sm2"> 
    <div class="modal-content"> 
     {% if is_user_profile %} 

     <div id='make_post' styly='padding:7px;'> 
       <form method='POST'> 
       {% csrf_token %} 
       title: <input type ='text' id='post_title'><br> 
       post:<textarea id='post_text'></textarea><br> 
       <button id='makepost' type="button" class="btn btn-primary" data-dismiss="modal">Post</button> 
       {% for user in user_data %} 
       <input type='hidden' id='username' value='{{user.username}}' > 
       {%endfor%} 
       </form> 
     </div>  
     {%endif%} 
    </div> 
    </div> 
</div> 

вызов Ajax

  $("#makepost").click(function() { 

        var post_title = document.getElementById("post_title").value; 
        var post_text = document.getElementById("post_text").value; 
        var username = document.getElementById("username").value; 

        $.ajax({ 
         url : "/makepost/", 
         type : "POST", 
         dataType: "json", 
         data : { 
          csrfmiddlewaretoken: '{{ csrf_token }}', 
          username: username, 
          post_title: post_title, 
          post_text: post_text, 
          }, 
          success : function(json) { 
           document.getElementById('output').innerHTML = (json['message']); 
           updatePostSection(json['user_posts']); 
          }, 
          error : function(xhr,errmsg,err) { 
           console.log(xhr.status + ": " + xhr.responseText); 
           document.getElementById('output').innerHTML = "Request Failed."; 
          } 

        }); 
        return false; 
      }); 

Answer 1

Я не уверен, если проблема заключается в том, что модальный не исчезает после регистрации, но если это так - вы можете добавить Ваша функция успеха/ошибки следующая строка в конце:

$("#post_modal").modal('hide'); 

надеюсь, что это поможет

Cheers!