Warum gibt mein Bootstrap-Modal den Fehler „TypeError: $(...).modal is not a function“ aus?

jQuery-Fehler: $(...).modal ist keine Funktion mit Bootstrap Modal

Problem

In einer Anwendung, die Codeigniter und Bootstrap verwendet , ein dynamisch eingefügtes Bootstrap-Modal kann nicht mit der Fehlermeldung „TypeError: $(...).modal is not a function“ geöffnet werden.

Lösung

Nach dem Klicken auf eine Schaltfläche zum Auslösen des Modals , das Modal wurde erfolgreich in den HTML-Code eingefügt. Beim Versuch, es mit $('#form-content').modal(); anzuzeigen, tritt jedoch der Fehler auf.

Der Fehler wird durch eine falsche Annahme verursacht, dass jQuery geladen und im Kontext verfügbar ist des Skripts, das versucht, die Funktion modal() zu verwenden.

Lösung

Stellen Sie sicher, dass jQuery korrekt geladen und nicht versehentlich mehrmals eingebunden wird. Eine häufige Quelle für mehrere jQuery-Einbindungen ist die Verwendung von Plugins oder Themes von Drittanbietern, die jQuery möglicherweise bereits enthalten.

Durch die Überprüfung, ob jQuery geladen und im Kontext des Skripts verfügbar ist, kann die Funktion modal() verwendet werden erfolgreich, um das Modal anzuzeigen.

Das obige ist der detaillierte Inhalt vonWarum gibt mein Bootstrap-Modal den Fehler „TypeError: $(...).modal is not a function“ aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!