2015-06-11 78 views
1

當我的模式窗體(成功返回Ajax內容)關閉時。內容消失。Bootstrap 3 - 當模態隱藏時隱藏內容

<h4>Ajax Results</h4> 
<div id="ajaxResults"> 
</div> 

底層的JavaScript是:

$('#modalTBMSubmit').on('click', function (e){ 
    $.ajax({ 
     type:"POST", 
     url:"./services/addTypeBrandModel.php", 
     data:$('#addTypeBrandModel').serialize(), 
     success: function(msg){ 
      $('#ajaxResults').append('<strong>Success!</strong>'); 
     }, 
     error:function(){ 
      $('#ajaxResults').append('<strong>Failure!</strong>'); 
     }  
    }); 

我的模態形式是這樣的東西:

<div id="modalBrandModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 

,我還沒有應用其他類模態對話框。任何想法爲什麼「成功!」在關閉模式對話框時消失?

+1

是'

'內部模態? – tcigrand

+0

不,它在不同的區域,右列,而模態駐留在中心列... – acommenter

+0

你能發佈一個更完整的HTML例子嗎?沒有完整的上下文很難說出發生了什麼。 – tcigrand

回答

0

我意識到頁面在做一個完整的重新加載,因爲我已經忘了我的JavaScript包括:

$('#modalTBMSubmit').on('click', function (e){ 
    e.preventDefault(); 

謝謝。