2012-06-08 91 views
18

我試圖用Twitter的bootstrap實現模態加載對話框。我目前的嘗試是:Twitter Bootstrap:如何關閉模式對話框?

$(document).ready(function() { 

    $('#loading_dialog') 
     .ajaxStart(function() { 
      $(this).modal('show'); 
     }) 
     .ajaxStop(function() { 
      $(this).modal('hide'); 
     }); 
}); 

問題是對話框不會關閉。

+1

您是否已驗證傳遞給.ajaxStop的回調是否實際上正在觸發? – kinakuta

+0

@kinakuta是的,它觸發和$(this)有預期的DOM元素 – Fdr

回答

28

我沒有測試它,但問題可能取決於ajaxStart/Stop匿名函數的上下文。

你可以試試嗎?

var loading_dialog = $('#loading_dialog'); 
loading_dialog 
    .ajaxStart(function() { 
     loading_dialog.modal('show'); 
    }) 
    .ajaxStop(function() { 
     loading_dialog.modal('hide'); 
}); 
+1

任何一個請給我們一個正確的答案。我也有一個問題。尚未解決。 – Akki

+1

適用於我使用引導版本2.3.2 – jwood