Rumah >hujung hadapan web >tutorial css >Mengapa Modal Bootstrap Saya Melemparkan Ralat \'TypeError: $(...).modal is not a function\'?

Mengapa Modal Bootstrap Saya Melemparkan Ralat \'TypeError: $(...).modal is not a function\'?

Susan Sarandon
Susan Sarandonasal
2024-11-05 18:59:02535semak imbas

Why is My Bootstrap Modal Throwing a

Ralat jQuery: $(...).modal bukan Fungsi dengan Bootstrap Modal

Masalah

Dalam aplikasi menggunakan Codeigniter dan Bootstrap , modal bootstrap yang dimasukkan secara dinamik gagal dibuka dengan ralat "TypeError: $(...).modal is not a function".

Penyelesaian

Setelah mengklik butang untuk mencetuskan modal , modal berjaya dimasukkan ke dalam HTML. Walau bagaimanapun, apabila cuba memaparkannya menggunakan $('#form-content').modal();, ralat berlaku.

Ralat disebabkan oleh andaian yang salah bahawa jQuery dimuatkan dan tersedia dalam konteks daripada skrip yang cuba menggunakan fungsi modal().

Resolusi

Pastikan jQuery dimuatkan dengan betul dan tidak dimasukkan secara tidak sengaja beberapa kali. Sumber biasa bagi pelbagai kemasukan jQuery ialah penggunaan pemalam atau tema pihak ketiga yang mungkin sudah termasuk jQuery.

Dengan mengesahkan bahawa jQuery dimuatkan dan tersedia dalam konteks skrip, fungsi modal() boleh digunakan berjaya memaparkan modal.

Atas ialah kandungan terperinci Mengapa Modal Bootstrap Saya Melemparkan Ralat \'TypeError: $(...).modal is not a function\'?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn