Twitter Bootstrap: ¿Cómo cerrar el diálogo modal?

Question

Estoy tratando de implementar el diálogo de carga modal con el arranque de Twitter. Mi intento actual es:

$(document).ready(function() { 

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

El problema es que el cuadro de diálogo no se cerrará.

Answer 1

No lo probé, pero el problema podría depender del contexto de la función ajaxStart/Stop anonymous.

¿Puedes probar esto?

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