Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Melumpuhkan Modal Bootstrap Penutupan dengan Mengklik Luar?

Bagaimana untuk Melumpuhkan Modal Bootstrap Penutupan dengan Mengklik Luar?

Mary-Kate Olsen
Lepaskan: 2024-11-13 11:18:02
asal
898 orang telah melayarinya

How to Disable Closing Bootstrap Modals by Clicking Outside?

Menyesuaikan Pilihan Penutupan Modal Bootstrap

Modal Bootstrap menyediakan cara yang mudah untuk memaparkan maklumat tambahan atau input pengguna, tetapi tingkah laku lalai mereka menutup dengan mengklik di luar kawasan modal kadangkala boleh menjadi tidak diingini.

Bolehkah ciri ini dilumpuhkan?

Ya. Anda boleh melumpuhkan keupayaan untuk menutup modal dengan mengklik di luar kawasan modal dengan menggunakan pilihan tirai latar:

Untuk modal tertentu menggunakan JavaScript:

$('#myModal').modal({backdrop: 'static'});
Salin selepas log masuk

Untuk modal tertentu yang menggunakan atribut data:

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

Penyesuaian Tambahan:

Untuk memperibadikan tingkah laku mod, anda juga boleh menggunakan pilihan berikut:

  • tirai latar: Mengawal sama ada modal harus mempunyai tirai latar.
  • papan kekunci: Mengawal sama ada modal harus ditutup dengan menekan butang Kunci Esc.

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan Modal Bootstrap Penutupan dengan Mengklik Luar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan