Bootstrap modal ist blockiert

Ich geschrieben habe, einen code zum anzeigen von popup, die mithilfe einer bootstrap-modal.

Es hat funktioniert, aber alle element blockiert ist. Ich weiß nicht, was falsch mit meinem code.

Bootstrap modal ist blockiert

Hier ist mein code:

<div id="add_data_Modal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Add data</h4>
            </div>
            <div class="modal-body">
                <form method="post" name="insert_form" id="insert_form">
                    <label>Số thuê bao</label>
                    <input type="text" name="name" id="name" class="form-control" />
                    <br />
                    <label>Speed number</label>
                    <input type="text" name="spd_number" id="spd_number" class="form-control" />
                    <br />
                    <label>Dial number</label>
                    <input type="text" name="dial_number" id="dial_number" class="form-control"/>   
                    <br />
                    <input type="submit" name="insert" id="insert" value="ADD" class="btn btn-success"/>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
  • Ich vermute die CSS-Datei für den id=“add_data_Modal“ über Ihre modalen, das ist, warum Sie keinen Zugriff auf Sie aber ich bin nicht sicher, weil Sie nicht deine CSS-code.
  • Verwenden Sie korrekt mit der Dokumentation funktionieren wird. Sie müssen einige zusätzliche css -, ob das richtig ist
  • Ich habe eine Geige jsfiddle.net/d8v4w6zo und es ist in Ordnung arbeiten, versuchen, Ihre js-Konsole, vielleicht gibt es einige Fehler
  • und post-js-und css-code verwendet
  • Stimme mit @Ashishsah. Wenn du gehst, um so etwas wie Bootstrap, nicht zu starten nach dem Zufallsprinzip werfen in Ihrer eigenen CSS-es sei denn, Sie wissen, was Sie tun.
  • versuchen Sie die Inspektion in Ihrem durchsuchen, was eigentlich blockiert Ihre modalen
  • Lassen Sie mich überprüfen, vielen Dank für deine Hilfe.



2 Replies
  1. 1

    Bitte überprüfen Sie Ihren code, ich denke, die Ursache kann aufgrund Ihrer redundanten code oder fehlt ein schließender tag. In der Regel fehlende oder überschüssige div tags.

  2. 3

    Lösen können Sie das Problem durch folgenden link.

    bootstrap modal Beispiele

    Als wenn verschiedene css-Dateien,überprüfen Sie, dass css-Dateien auch.da einige Male Sie Hinzugefügt Klassen oder ID überschreiben.

    • Für mich war es, da das enthaltende element, an dem der dialog hat sich ein z-index gesetzt. Nicht auf einen höheren Wert, aber die stacking-Rahmen aus it-stack auf der Rückseite. Sehr nützlicher link.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.