Pengaturan modal Bootstrap tidak menyimpan data dalam cache

Sampah kecil · Diposting pada 09/11/2015 11.00.19

Dialog modal dari kerangka kerja front-end Bootstrap dapat ditentukan dengan URL menggunakan opsi jarak jauh, sehingga dialog akan secara otomatis memuat data dari alamat ini ke dalam .modal-body saat muncul untuk pertama kalinya, tetapi hanya akan dimuat sekali, meskipun masalah ini dapat diselesaikan dengan memanggil metode removeData() dalam peristiwa tersebut.

Setelah mencari dan berkonsultasi dengan dokumentasi yang relevan, saya menemukan bahwa cukup untuk menulis pernyataan dalam peristiwa tersembunyi dari kotak dialog:

$("#myModal").on("hidden", function() {
$(this).removeData("modal");
});

Salin kode

Anda juga dapat menghapus data sebelum membuka dialog setiap kali, dan efeknya sama.

Catatan: Kode di atas didasarkan pada Bootstrap v2, jika Anda menggunakan Bootstrape v3, HTML dialog modal dan peristiwa ditulis secara berbeda, misalnya, untuk peristiwa tersembunyi di atas, untuk menulis sebagai:

$("#myModal").on("hidden.bs.modal", function() {
$(this).removeData("bs.modal");
});

Salin kode

[Bootstrap] Pengaturan modal Bootstrap tidak menyimpan data dalam cache

Pos terkait

Bagian yang dilihat