Come chiudere tutti i mod attivi di bootstrap sul timeout della sessione?

Question

Devo effettuare una chiamata quando l'utente è inattivo e passa il timeout della sessione che chiuderà tutte le modal di Bootstrap. Le modali attive dipendono da ciò che l'utente sta facendo in quel momento, quindi mi piacerebbe fare qualcosa di cui tutto ciò è comprensivo.

ho provato:

$('.modal').modal('toggle'); 

Quando si verifica il time out, ma i miei modali sono ancora lì.

Answer 1

utilizzare il seguente codice:

$('.modal').modal('hide'); 

Inoltre, se si desidera fare qualcosa se il modale è nascosta allora si può fare questo:

$('.modal').on('hidden', function() { 
    // write your code 
}); 

Answer 2

provare in questo modo: $('.modal.in:visible').modal('hide');

Answer 3

Alla risposta corretta manca qualcosa di vitale.

$('.modal').modal('hide') // closes all active pop ups. 
$('.modal-backdrop').remove() // removes the grey overlay. 

La seconda riga è di vitale importanza se si desidera che gli utenti utilizzino la pagina normalmente.

Answer 4

Ecco come ho funzionato nel mio progetto senza utilizzare alcun codice di fabbrica o aggiuntivo.

//hide any open bootstrap modals 
    angular.element('.inmodal').hide(); 

Ho una funzione di timeout che emette il logout come $rootScope.$emit('logout'); e l'ascoltatore nel mio servizio è la seguente:

$rootScope.$on('logout', function() {      
        //hide any open bootstrap modals 
        angular.element('.inmodal').hide(); 

        //do something else here 

       }); 

Se si desidera nascondere tutti gli altri verbi modali, come dialogo materiale angolare ($mdDialog) uso & di dialogo avviso dolce angular.element('.modal-dialog').hide(); & angular.element('.sweet-alert').hide();

non so se questo è l'approccio giusto, ma funziona per me.