bootstrap css - comment rendre un Dialogue modal modal sans affecter l'arrière-plan
dans bootstrap css, Il est possible d'afficher un dialogue modal, mais je veux pouvoir le rendre modal pour que L'interface utilisateur derrière ne réponde pas, sans avoir le fond noir foncé affiché.
il ne semble pas y avoir d'options qui me permettent de faire cela sur le $("#selector").modal() fonction.
6 réponses
Pour se débarrasser de la toile de fond:
après l'initiation modale
$('#XXX').modal({show:true});
il suffit de déclencher le code ci-dessous
$('.modal-backdrop').removeClass("modal-backdrop");
ajouter data-backdrop="false"<div class="modal"> et Bootstrap fera le reste.
Exemple:
<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
si je suis correct, vous devez être en mesure de le faire en appelant:
$("#selector").modal({
backdrop: "static"
});
alors changez simplement le CSS pour la classe de la toile de fond et vous êtes prêt.
je préfère juste cacher la toile de fond de sorte que vous avez toujours cette fonctionnalité de cliquer hors du modal pour le cacher.
.modal-backdrop { opacity: 0 !important; }
La bonne façon est de passer les param backdrop: false quand créer le modal
$('#modal').modal({
backdrop: false
})
Surey tout ce que vous devez faire est de modifier le CSS pour changer l'opacité du fond noir. Il n'est pas nécessaire qu'il soit visible pour bloquer les clics vers les éléments sous-jacents (à moins qu'il n'y ait une protection contre les clics que je ne connais pas).). La classe à cibler est div.modal-toile de fond.