Analisis singkat tentang penggunaan kotak modal bootstrap (klasik)

Tinjauan sederhana kotak modal bootstrap

Modal bootstrap dibuat menggunakan plugin jQuery khusus. Ini dapat digunakan untuk membuat jendela modal untuk memperkaya pengalaman pengguna, atau menambahkan fitur praktis ke pengguna. Anda dapat menggunakan popover dan tooltip dalam modal.

1. Kotak Dialog Modal Bootstrap dan Penggunaan Sederhana

 div id = "mymodal"> <von> <tombol type = "tombol" data-dismiss = "modal"> x </button> <h3> judul kotak dial </h3> </div> <v> <p> body kotak dial </p> </div> <div> <a href = "#" data-DISMISS = "MODAL"> BATCAN </a> </a> <a href = "#" Data-DISMISS = "MODAL"> CATBUR </a> </a> <a href = "#" Data-DISMISS = "MODAL"> CANT </a> </a> <a href = "#"#"#" Data-Dismiss = "Modal"> Konfirmasi </a> </div> </div>

Dialog modal dapat dipanggil langsung menggunakan tombol atau tautan, dan ini adalah penggunaan sederhana:

 <a href = "#modal1" role = "tombol" data-koggle = "modal"> penambahan kontrak </a>

Selain itu, ketika Anda perlu membuat kotak dialog menghapus data formulir setiap kali dibuka, sebagai berikut:

 $ ('#modal1'). Modal ('hide'); $ ("#modal1"). on ("hidden", function () {$ ('#form1') [0] .reset ();}); // Setelah menambahkan kontrak, hapus operasi formulir

Konten di atas adalah penggunaan kotak modal bootstrap yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda ingin mengetahui lebih banyak konten yang menarik, harap perhatikan situs web Wulin.com!