ภาพรวมง่าย ๆ ของ Bootstrap Modal Box
Modals Bootstrap ถูกสร้างขึ้นโดยใช้ปลั๊กอิน jQuery ที่กำหนดเอง สามารถใช้เพื่อสร้างหน้าต่างแบบโมดอลเพื่อเพิ่มประสบการณ์ผู้ใช้หรือเพื่อเพิ่มคุณสมบัติที่เป็นประโยชน์ให้กับผู้ใช้ คุณสามารถใช้ Popover และคำแนะนำเครื่องมือใน Modals
1. กล่องโต้ตอบ Bootstrap Modal และการใช้งานง่าย ๆ
div id = "mymodal"> <div> <button type = "ปุ่ม" data-dismiss = "modal"> x </button> <h3> ชื่อกล่องหมุนชื่อ </h3> </div> <p> <p> กล่องหมุน </p> </div> <div> <a href = "#" data-dismiss = data-dismiss = "modal"> ยืนยัน </a> </div> </div>
กล่องโต้ตอบโมดอลสามารถเรียกได้โดยตรงโดยใช้ปุ่มหรือลิงค์และนี่คือการใช้งานง่าย ๆ :
<a href = "#modal1" role = "button" data-toggle = "modal"> การเพิ่มสัญญา </a>
นอกจากนี้เมื่อคุณต้องการทำให้กล่องโต้ตอบล้างข้อมูลแบบฟอร์มทุกครั้งที่เปิดออกดังนี้:
$ ('#modal1'). modal ('ซ่อน'); $ ("#modal1"). on ("ซ่อน", ฟังก์ชัน () {$ ('#form1') [0] .reset ();}); // หลังจากเพิ่มสัญญาให้ล้างการดำเนินการแบบฟอร์มเนื้อหาข้างต้นคือการใช้กล่อง Bootstrap Modal ที่แนะนำโดยตัวแก้ไข ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณต้องการทราบเนื้อหาที่น่าตื่นเต้นเพิ่มเติมโปรดให้ความสนใจกับเว็บไซต์ Wulin.com!