Mengapakah Fungsi Modal jQuery saya Tidak Tersedia selepas Panggilan Ajax?

Ralat: Fungsi Modal jQuery Tidak Tersedia

Dalam panggilan Ajax anda, anda cuba menunjukkan modal Bootstrap menggunakan $('# form-content').kaedah modal(). Walau bagaimanapun, anda menghadapi ralat "TypeError: $(...).modal is not a function". Untuk menyelesaikan isu ini, semak perkara berikut:

Periksa Kemasukan jQuery

Sahkan bahawa jQuery disertakan sekali sahaja dalam projek anda. Berbilang kejadian jQuery boleh bercanggah antara satu sama lain, mengakibatkan ralat ini.

Sahkan Ketergantungan Bootstrap

Bootstrap bergantung pada jQuery untuk berfungsi. Pastikan fail JavaScript Bootstrap disertakan selepas jQuery dalam HTML atau JavaScript anda.

Sasarkan Elemen yang Betul

Semak dua kali bahawa elemen yang anda sasarkan dengan modal () kaedah ialah bekas modal yang diingini (cth., #form-content).

Pengaktifan Modal Dinamik

Apabila mencipta modal secara dinamik, adalah penting untuk memulakannya menggunakan JavaScript . Pertimbangkan untuk menggunakan API modal Bootstrap atau perpustakaan seperti $.fn.modal untuk mengaktifkan modal secara pengaturcaraan.

Kod Lengkap

Berikut ialah contoh cara mengaktifkan modal secara dinamik:

// Retrieve the modal content
$.ajax({
  ...
  success: function(data) {
    if (data) {
      $('#modal_target').html(data);

      // Initialize and show the modal
      $('#form-content').modal({
        show: true
      });
    }
  }
});

Atas ialah kandungan terperinci Mengapakah Fungsi Modal jQuery saya Tidak Tersedia selepas Panggilan Ajax?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!