Interdire Twitter Bootstrap fenêtre modale de la fermeture

Il suffit de régler le backdrop propriété 'static'.

$('#myModal').modal({
  backdrop: 'static',
  keyboard: true
})

Vous pouvez également définir la keyboard propriété false raison qui empêche la modale d'être fermé en appuyant sur Esc touche sur le clavier.

$('#myModal').modal({
  backdrop: 'static',
  keyboard: false
})

myModal est l'ID de la div qui contient votre modal de contenu.

Si vous avez déjà initialisé la fenêtre modale, alors vous pouvez réinitialiser les options avec $('#myModal').removeData("modal").modal({backdrop: 'static', keyboard: false}) pour s'assurer qu'il appliquera les nouvelles options.

Oui, vous pouvez le faire comme ceci:

<div id="myModal"  tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel"
     aria-hidden="true"
     data-backdrop="static"  data-keyboard="false">

Juste ajouter ces deux choses

data-backdrop="static" 
data-keyboard="false"

Il ressemblera à ceci maintenant

<div class="modal fade bs-example-modal-sm" id="myModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">

Il permet de désactiver le bouton d'échappement et aussi le cliquez n'importe où et de se cacher.

Comme D3VELOPER dit, le code suivant à résoudre:

$('#modal').removeData('bs.modal').modal({backdrop: 'static', keyboard: false});

Je suis en utilisant à la fois jquery & bootstrap et simplement removeData('modal') ne fonctionnent pas.

Au cas où quelqu'un vient ici à partir de Google à essayer de comprendre comment empêcher quelqu'un de la fermeture d'un modal, n'oubliez pas qu'il y a également un bouton de fermeture en haut à droite de l'modal qui doit être retiré.

J'ai utilisé un peu de CSS pour le cacher:

#Modal .modal-header button.close {
    visibility: hidden;
}

Notez que l'utilisation de "display: none;" est remplacée lorsque vous le modal est créé, afin de ne pas l'utiliser.

Vous pouvez définir le comportement par défaut de modal popup en utilisant des dessous de la ligne de code:

 $.fn.modal.prototype.constructor.Constructor.DEFAULTS.backdrop = 'static';

Bien, c'est une autre solution que certains d'entre vous les gars peut-être (comme je l'ai été..)

Mon problème était similaire, le modal box a été la fermeture de tout l'iframe que j'avais à l'intérieur était en train de charger, donc j'ai dû désactiver le modal rejeter jusqu'à ce que l'Iframe finit de se charger, puis de le ré-activer.

Les solutions présentées ici n'ont pas de travail de 100%.

Ma solution était:

showLocationModal = function(loc){

    var is_loading = true;

    if(is_loading === true) {

        is_loading  = false;
        var $modal   = $('#locationModal');

        $modal.modal({show:true});

        //prevent Modal to close before the iframe is loaded
        $modal.on("hide", function (e) {
            if(is_loading !== true) {
                e.preventDefault();
                return false
            }
        });

        //populate Modal
        $modal.find('.modal-body iframe').hide().attr('src', location.link).load(function(){

            is_loading = true;
     });
}};

J'ai donc empêcher temporairement la Modale de clôture avec:

$modal.on("hide", function (e) {
    if(is_loading !== true) {
        e.preventDefault();
        return false
    }
});

Mais vec le var is_loading qui permettra de l'activer à nouveau la fermeture après l'Iframe a chargé.

Pour mettre à Jour la toile de fond de l'état dans le Bootstrap 4.1.3 après le modal ont été l'Affichage, Nous avons utilisé la ligne suivante à partir de Bootstrap-Modal-Wrapper plugin. Référentiel de plug-in code de référence.

$("#yourModalElement").data('bs.modal')._config.backdrop = (true : "static");