comment détruire complètement la fenêtre modale de bootstrap ?

Question

J'ai fait usage de fenêtre modale pour une mise en œuvre de l'assistant qui comporte environ 4,5 étapes. J'ai besoin de le détruire complètement après l'étape dernière étape (surFinish) et Étape OnCancel sans rafraîchissement de la page . Je peux bien sûr la masquer, mais le fait de cacher la fenêtre modale rétablit tout tel quel lorsque je l'ouvre à nouveau. Quelqu'un peut-il m'aider à résoudre ce problème ?

Merci Toutes les réponses aux questions sont utiles pour moi.

Answer 1

Cela a marché pour moi.

$('.modal-backdrop').removeClass('in');
$('#myDiv').removeClass('in');

Le dialogue et la toile de fond ont disparu, mais ils sont revenus la prochaine fois que j'ai cliqué sur le bouton.

Answer 2

Il fonctionne pour Bootstrap v3.3.6

$('#dialog').modal()
.on('hide.bs.modal', function () {
    // Some Code
}).on('shown.bs.modal', function () {
    // Some Code
}).on('hidden.bs.modal', function () {
    $("#dialog").off();
});

Answer 3

Suppression complète d'une ligne sur le cache ( ES6 )

$("#myModal").on('hidden.bs.modal', (e)=>e.currentTarget.remove());

Answer 4

Avec ui-router, cela peut être une option pour vous. Il recharge le contrôleur à la fermeture et réinitialise le contenu de la modale avant qu'elle ne se déclenche la fois suivante.

$("#myModalId").on('hidden.bs.modal', function () {
  $state.reload();  //resets the modal
});

Answer 5

Je dois détruire la modale juste après sa fermeture par un clic sur un bouton, et j'ai donc trouvé la solution suivante.

$("#closeModal").click(function() {
    $("#modal").modal('hide').on('hidden.bs.modal', function () {
        $("#modal").remove();
    });
});

Notez que cela fonctionne avec Bootstrap 3.