Bagaimanakah Saya Boleh Memuatkan Kandungan Jauh dalam Bootstrap 4 Modal?

Memuatkan Kandungan Jauh dalam Bootstrap 4 Modal

Kemunculan Bootstrap 4 membawa perubahan ketara pada fungsi pemuatan data jauh dalam Modal. Berbeza dengan Bootstrap 3, Bootstrap 4 menafikan pilihan jauh, memetik pengesyoran untuk menggunakan templat sisi klien atau rangka kerja mengikat data.

Isu Dikesan dengan Modal Bootstrap 4:

Pengguna telah melaporkan menghadapi masalah dengan memuatkan kandungan jauh dalam Modal menggunakan Bootstrap 4 baharu pelepasan alfa. Semasa tetingkap pop timbul muncul, badan model kekal kosong, menunjukkan bahawa permintaan untuk memuatkan kandungan daripada URL yang disediakan tidak dibuat.

Penyelesaian Menggunakan jQuery:

Untuk memulihkan fungsi pemuatan jauh, anda boleh melaksanakannya secara manual menggunakan jQuery:

$('body').on('click', '[data-toggle="modal"]', function(){
        $($(this).data("target")+' .modal-body').load($(this).data("remote"));
    });  

Penjelasan

Penyelesaian ini menggunakan kaedah load() jQuery untuk memuatkan kandungan secara dinamik daripada URL jauh yang ditentukan ke dalam elemen .modal-body bagi Modal yang disasarkan. Pendengar acara klik terikat kepada semua elemen dengan atribut data-toggle="modal", memastikan kefungsian itu digunakan pada semua Modal dalam aplikasi anda.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memuatkan Kandungan Jauh dalam Bootstrap 4 Modal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!