Bootstrap-Dialogfeld ist deaktiviert - Bootstrap-Dialog

Ich verwende MVC mit Angularjs und entwickle SPA. Ich verwende den folgenden Code des Bootstrap-Dialogfelds, das durch Klicken auf eine Schaltfläche von einer cshtml-Seite geöffnet wird. Code funktioniert gut, aber der gesamte Bildschirm wird grau (deaktiviert), einschließlich des Dialogfelds.

    <input type="button" value="Save" class="btn btn-info btn-block"  data-toggle="modal"  data-target="#confirmModel">
<section>
<div id="confirmModel" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Confirmation</h4>
</div>
<div class="modal-body">
<p>Do you want to save changes you made to document before closing?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</section>

Antworten:

Probieren Sie es aus

<div class="modal fade" id="confirmModel" aria-labelledby="myModalLabel" aria-hidden="true" tabindex="-1" role="dialog" style="display: none;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header" align="center">
//Your content
</div>
<div>
</div>
</div>