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
Mary-Kate Olsenasal
2024-11-13 11:18:02881semak imbas

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'});

Untuk modal tertentu yang menggunakan atribut data:

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

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!

Kenyataan:
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