Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Membuka Tetingkap Modal Bootstrap Menggunakan jQuery?

Bagaimana untuk Membuka Tetingkap Modal Bootstrap Menggunakan jQuery?

Linda Hamilton
Linda Hamiltonasal
2024-11-14 17:04:02780semak imbas

How to Open a Bootstrap Modal Window Using jQuery?

Membuka Tetingkap Modal Bootstrap menggunakan jQuery

Dalam Bootstrap, anda boleh memanipulasi tetingkap modal secara manual menggunakan fungsi tertentu.

Contoh Panggilan Fungsi:

$('#myModal').modal('toggle'); // Toggle visibility
$('#myModal').modal('show'); // Show modal
$('#myModal').modal('hide'); // Hide modal

Penyelesaian Masalah Khusus:

Dalam kod yang anda berikan, pengubahsuaian berikut perlu dibuat:

Ganti:

$('#my-modal').modal({
    show: 'false'
}); 

Dengan:

$('#myModal').modal('show'); 

Maklumat Tambahan:

  • Untuk butiran lanjut, rujuk dokumentasi komponen modal Bootstrap, khususnya bahagian kaedah.
  • Untuk penyelesaian pop timbul tersuai, anda boleh mempertimbangkan tutorial video di https://www.youtube.com/watch?v=zK4nXa84Km4.

Atas ialah kandungan terperinci Bagaimana untuk Membuka Tetingkap Modal Bootstrap Menggunakan jQuery?. 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