ปลั๊กอิน Bootstrap ต้องเรียนรู้ปลั๊กอินทุกวัน

ข้อความแจ้งเตือนส่วนใหญ่จะใช้เพื่อให้ผู้ใช้ปลายทางแสดงข้อมูลเช่นข้อความเตือนหรือข้อความยืนยัน การใช้ปลั๊กอินการแจ้งเตือนคุณสามารถเพิ่มคุณสมบัติที่ยกเลิกได้ในข้อความเตือนทั้งหมด

หากคุณต้องการอ้างอิงฟังก์ชั่นของปลั๊กอินแยกกันคุณต้องอ้างอิงการแจ้งเตือน js หรือตามที่กล่าวไว้ในบทภาพรวมปลั๊กอิน Bootstrap คุณสามารถอ้างถึง bootstrap.js หรือรุ่นบีบอัดของ bootstrap.min.js

1. การใช้งาน

คุณสามารถเปิดใช้งานฟังก์ชั่นการเลิกจ้างของกล่องคำเตือนได้สองวิธีต่อไปนี้:

1. ผ่านคุณลักษณะข้อมูล: เพิ่มฟังก์ชั่นที่ยกเลิกได้ผ่าน Data API (Data API) เพียงเพิ่ม data-dismiss = "การแจ้งเตือน" ลงในปุ่มปิดและฟังก์ชั่นปิดจะถูกเพิ่มลงในกล่องคำเตือนโดยอัตโนมัติ

 <a data-dismiss = "Alert" href = "#" aria-hidden = "true"> × </a>

2. ผ่าน JavaScript: เพิ่มฟังก์ชั่นที่ถูกยกเลิกผ่าน JavaScript:

$ (". Alert"). การแจ้งเตือน ()

2. ตัวอย่างง่ายๆ

กล่องคำเตือนคือกล่องข้อมูลสำหรับการคลิกชั่วโมง

1. ตัวอย่างพื้นฐาน

 <div> <button type = "ปุ่ม" data-dismiss = "Alert"> <span> × </span> </pution> <p> คำเตือน: เบราว์เซอร์ของคุณไม่รองรับ! </p> </div>

2. เพิ่มเอฟเฟกต์จาง

<div>

หากใช้ JavaScript สามารถแทนที่ด้วย data-dismiss = "Alert"

 // วิธี JavaScript $ ('ปิด'). on ('คลิก', function () {$ ('#alert'). การแจ้งเตือน ('close');})

มีสองประเภทของเหตุการณ์ในปลั๊กอินการแจ้งเตือน:

 // เหตุการณ์, ความคล้ายคลึงกันอื่น ๆ $ ('#alert'). on ('close.bs.alert', function () {Alert ('เรียกว่าเมื่อวิธีการปิดถูกเรียกใช้!');});

บทเรียนชุดนี้ได้รวบรวมไว้ใน: Bootstrap พื้นฐานการสอนหัวข้อพิเศษยินดีต้อนรับสู่การคลิกเพื่อเรียนรู้

หากคุณยังต้องการศึกษาในเชิงลึกคุณสามารถคลิกที่นี่เพื่อศึกษาและแนบ 3 หัวข้อที่น่าตื่นเต้นให้คุณ:

การสอนการเรียนรู้ bootstrap

การสอนการใช้งาน Bootstrap

การสอนการใช้งานปลั๊กอิน bootstrap

ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ ฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคนในการเรียนรู้ปลั๊กอินกล่องเตือน bootstrap