BootStrap Django Jquery Modal不關閉Ajax調用提交

我有模態，我用來顯示一個彈出窗口，當你點擊後按鈕，它使ajax函數調用，我也有它是一個模式切換，但它doesn' t提交模式，我不知道如何解決它。BootStrap Django Jquery Modal不關閉Ajax調用提交

DIV類

<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; 
      });

來源

2015-02-10 Grant Zukel

您的問題發佈後模式不會消失嗎？還是我錯過的另一件事？ – ItayB 2015-02-10 06:35:44

我不知道，如果問題是模式不張貼後消失，但如果是這樣 - 你可以添加到你的成功/誤差函數在末尾以下行：

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

希望這有助於

乾杯！

來源

2015-02-10 06:47:02 ItayB

BootStrap Django Jquery Modal不關閉Ajax調用提交

回答

相關問題