Bootstrap bestätigen Modal Bihaind Haupt Modal

Question

Ich habe Bildergalerie mit Kommentaren. Dieses Bild wird modal geöffnet. Wenn ich versuche, Bildkommentar zu entfernen, öffne ich neues Bestätigungsmodal. Das Problem ist, dass das Modal bestätigt, dass das Hauptmodal bihaind. Überprüfen Sie den Screenshot

Nummer 1 ist Hauptmodal. Klicken Sie auf x innen auf Kommentar Ich öffne Nummer 2 Modal, aber er ist bihaind.

Ich versuche, dass modal mit z-index erste Stelle zu setzen löschen, aber nicht funktioniert

#confirm-delete { 
    z-index: 1000 !important; 
} 

Answer 1

niemals manuell ein modaler des Z-Index gesetzt!

Das Problem trat auf, weil Bootstrap den Z-Index der Modal nicht standardmäßig anordnet.

Ich persönlich benutze dies: http://jschr.github.io/bootstrap-modal Es machte Bootstrap Modals so viel besser mit wenig Konfiguration. Und es ist stapelbar, es könnte nur der beste Weg sein, um Ihr Problem zu lösen.

Ich nehme an, dass Sie Bootstrap 3 verwenden, der folgende Code wird gut tun.

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/> 
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal-bs3patch.css" rel="stylesheet" /> 
<link href="http://jschr.github.io/bootstrap-modal/css/bootstrap-modal.css" rel="stylesheet" /> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.js"></script> 

Legen Sie die CSS-Ressourcen in dieser Reihenfolge, wird das Plugin automatisch den Z-Index von Modalverben verwalten.