Bagaimana untuk Mencegah Modal Bootstrap daripada Ditutup Apabila Mengklik Di Luar?

Cara Melumpuhkan Penutupan Modal dengan Mengklik Luar Kawasan Bootstrap

Dalam modals Bootstrap, anda mungkin menghadapi kesulitan penutupan modal yang tidak diingini apabila pengguna mengklik di luar tetingkap modal. Untuk menyelesaikan isu ini dan meningkatkan pengalaman pengguna, anda boleh melumpuhkan ciri ini, sama ada secara global atau khusus untuk mod tertentu.

Hilang Upaya Global

Untuk melumpuhkan penutupan mod dengan mengklik di luar untuk semua modal, anda boleh mengubah suai pilihan "latar belakang" dalam objek pilihan permulaan modal. Dengan menetapkannya kepada 'statik', anda menghalang modal daripada ditutup apabila mengklik di luar sempadannya.

Nyahdaya Modal Khusus

Jika anda ingin melumpuhkan penutupan mod secara terpilih untuk modal tertentu, anda boleh menggunakan sama ada JavaScript atau atribut data.

Menggunakan JavaScript:

$('#myModal').modal({backdrop: 'static', keyboard: false})

Menggunakan Atribut Data:

<button data-target="#myModal" data-toggle="modal" data-backdrop="static" data-keyboard="false">
    Launch demo modal
</button>

Dengan menambahkan atribut data-backdrop="static", anda melumpuhkan "backdrop" ". Selain itu, atribut data-keyboard="false" menghalang penutupan modal dengan menekan kekunci "Esc".

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Modal Bootstrap daripada Ditutup Apabila Mengklik Di Luar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!