Twitter Bootstrap: Comment fermer la boîte de dialogue modale?

Question

J'essaie d'implémenter une boîte de dialogue de chargement modal avec le bootstrap de Twitter. Mon attemp actuel est:

$(document).ready(function () {

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

Le problème est que la boîte de dialogue ne se fermera pas.

Answer 1

Je ne l'ai pas testé mais le problème pourrait dépendre du contexte de la fonction anonyme ajaxStart/Stop.

Peux-tu essayer ça?

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