Schließen Bootstrap Modal

Question

Ich habe ein Bootstrap-Modal-Dialogfeld, das ich initial anzeigen möchte, und wenn der Benutzer auf die Seite klickt, verschwindet es. Ich habe Folgendes:

$(function () {
   $('#modal').modal(toggle)
});

        ×
        Fehler:

        Bitte korrigieren Sie die folgenden Fehler:

Das Modal wird zunächst angezeigt, schließt jedoch nicht, wenn außerhalb des Modals geklickt wird. Außerdem wird der Inhaltsbereich nicht grau hinterlegt. Wie kann ich das Modal initial anzeigen lassen, dann schließen, nachdem der Benutzer außerhalb des Bereichs geklickt hat? Und wie kann ich den Hintergrund grau hinterlegen wie im Demo?

Answer 1

Stellen Sie modal('toggle') anstelle von modal(toggle)

$(function () {
   $('#modal').modal('toggle');
});

Answer 2

Um das Bootstrap Modal zu schließen, können Sie 'hide' als Option an die Modal-Methode übergeben, wie folgt:

$('#modal').modal('hide');

Schauen Sie sich bitte das funktionierende Beispiel hier an

Bootstrap bietet auch Ereignisse, an die Sie sich anbinden können, um die Modal-Funktionalität zu steuern. Wenn Sie beispielsweise ein Ereignis auslösen möchten, wenn das Modal vom Benutzer vollständig ausgeblendet wurde, können Sie das hidden.bs.modal Ereignis verwenden. Weitere Informationen zu Modal-Methoden und Ereignissen finden Sie in der Dokumentation

Wenn keiner der obigen Methoden funktioniert, geben Sie Ihrem Schließen-Button eine ID und lösen Sie ein Klickereignis auf dem Schließen-Button aus.

Answer 3

$('#modal').modal('toggle');

oder

$('#modal').modal().hide();

sollte funktionieren.

Aber wenn nichts anderes funktioniert, können Sie direkt auf die Schaltfläche zum Schließen des Modals klicken:

$("#modal .close").click()

Answer 4

Dies hat für mich funktioniert:

abbrechen

verwenden Sie diesen Link Modal schließen

Answer 5

Versuchen Sie dies

$('#modal_id').modal('hide');