Bagaimana untuk Memuatkan Data Jauh ke dalam Bootstrap 4 Modals?

Pemuatan Data Jauh Modal Bootstrap 4

Dalam keluaran terbaru Twitter Bootstrap (v4 alpha), keupayaan untuk memuatkan kandungan jauh ke dalam modal telah dialih keluar. Fungsi ini wujud dalam Bootstrap 3, tetapi tidak lagi disokong.

Masalah

Apabila cuba menggunakan atribut data-remote untuk memuatkan kandungan jauh ke dalam mod dalam Bootstrap 4, badan model kekal kosong dan tiada permintaan dihantar kepada yang ditentukan URL.

Penyelesaian

Untuk menyelesaikan isu ini, anda boleh menggunakan JavaScript untuk memuatkan kandungan jauh secara manual ke dalam badan modal. Berikut ialah contoh:

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

Kod ini melampirkan pendengar acara pada semua elemen dengan atribut data-toggle="modal". Apabila salah satu elemen ini diklik, ia mendapatkan semula nilai jauh data daripada elemen dan menggunakan kaedah .load() jQuery untuk memuatkan kandungan jauh ke dalam badan modal.

Nota: Pilihan jauh yang ditamatkan telah dialih keluar dalam Bootstrap 4 dan disyorkan untuk dilaksanakan menggunakan templat sisi klien, rangka kerja mengikat data atau dengan memanggil secara manual jQuery.load() seperti yang ditunjukkan di atas.

Atas ialah kandungan terperinci Bagaimana untuk Memuatkan Data Jauh ke dalam Bootstrap 4 Modals?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!