2012-06-08 22 views
18

Sto tentando di implementare la finestra di dialogo di caricamento modale con il bootstrap di Twitter. Il mio attuale tentativo è:Bootstrap su Twitter: come chiudere la finestra di dialogo modale?

$(document).ready(function() { 

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

Il problema è che la finestra di dialogo non verrà chiusa.

+1

Hai verificato che il callback passato a .ajaxStop stia effettivamente sparando? – kinakuta

+0

@kinakuta si, spara e $ (questo) ha l'elemento DOM previsto – Fdr

risposta

28

Non l'ho provato ma il problema potrebbe dipendere dal contesto della funzione anonima ajaxStart/Stop.

Puoi provare questo?

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

Chiunque ci dia una risposta adeguata. Ho anche un problema. Non ancora risolto. – Akki

+1

funziona per me utilizzando la versione 2.3.2 di bootstrap – jwood

Problemi correlati