web-dev-qa-db-fra.com

Twitter bootstrap - open modal sur un modal déjà ouvert

Voici mon scénario: j'ouvre une fenêtre modale avec des détails d'enregistrement, et j'ai un bouton "Supprimer". Lorsque l'utilisateur clique sur ce bouton, je dois afficher un modal de "confirmation" au-dessus/au-dessus du modal existant (demandant "êtes-vous sûr?"), Mais lorsque ce modal de confirmation est affiché, il ne bloque pas d'abord les "détails" modal (derrière).

Est-ce que quelqu'un sait comment faire?

Merci!

twitter-bootstrapmodal-dialogconfirmation
24
Rodrigo Pires

C'est assez facile à faire. Les liens dans votre modal déjà ouvert doivent ressembler à ceci:

<a href="NEW URL" data-dismiss="modal" data-toggle="modal" data-target="#newModal">Anchor text</a>

data-disable = "modal" -> fermera ce modal = c'est l'astuce !!!!
data-toggle = "modal" -> ouvrira une nouvelle boîte de dialogue

Prendre plaisir!

16
Oleg Veselkov

Tout ce que vous devez faire est de placer le balisage pour le modal de confirmation plus bas dans le code que le modal de détails.

16
Rob

Masquez simplement #modal et affichez # modal2 lorsque vous cliquez sur #deleteButton

$("#deleteButton").click(function() {
$('#myModal').modal('hide')
$('#myModal2').modal('show')    
});

Voici un exemple de travail: http://jsfiddle.net/baptme/nuUzN/14/

9
baptme

Que diriez-vous d'ajouter un z-index au deuxième modal? Comme:

<div class="modal fade" style="z-index:1050">modal content here...</div>

Si la valeur 1050 ne fonctionne pas, essayez un nombre plus élevé alias 99999.

4
fedda