يتم استخدام رسائل التنبيه في الغالب لأريدة من المستخدم النهائي لعرض معلومات مثل رسائل التحذير أو التأكيد. باستخدام المكون الإضافي للتنبيه ، يمكنك إضافة ميزة قابلة للإلغاء إلى جميع رسائل مربع التحذير.
إذا كنت ترغب في الرجوع إلى وظيفة المكون الإضافي بشكل منفصل ، فأنت بحاجة إلى الرجوع إلى ALERT.JS. أو ، كما هو مذكور في الفصل الإضافي في Bootstrap ، يمكنك الرجوع إلى bootstrap.js أو إصدارات مضغوطة من bootstrap.min.js.
1. الاستخدام
يمكنك تمكين وظيفة الفصل لصندوق التحذير بالطريقتين التاليتين:
1. من خلال سمات البيانات: أضف وظيفة قابلة للإلغاء من خلال واجهة برمجة تطبيقات البيانات (API للبيانات). ما عليك سوى إضافة بيانات dismiss = "تنبيه" إلى الزر الإغلاق ، وسيتم إضافة وظيفة الإغلاق تلقائيًا إلى مربع التحذير.
<a dismiss = "Alert" href = "#" aria-hidden = "true"> × </a>
2. من خلال JavaScript: إضافة وظائف ملغاة من خلال JavaScript:
$ (". تنبيه"). تنبيه ()
2. أمثلة بسيطة
مربع التحذير هو مربع المعلومات للنقر فوق ساعات.
1. أمثلة أساسية
<viv> <button type = "button" data-dismiss = "Alert"> <span> × </span> </utton> <p> تحذير: لا يدعمه متصفحك! </p> </viv>
2. أضف تأثير التلاشي
<viv>
إذا تم استخدام JavaScript ، فيمكن استبداله بـ Data-Dismiss = "Alert"
// طريقة JavaScript $ ('. Close'). on ('click' ، function () {$ ('#alert'). Alert ('close') ؛})هناك نوعان من الأحداث في مكون التنبيه:
// الأحداث ، أوجه التشابه الأخرى $ ('#alert'). on ('close.bs.alert' ، function () {Alert ('in at in the close reggered!') ؛}) ؛تم تجميع هذه السلسلة من البرامج التعليمية في: Bootstrap Basic Prosorials Secorts ، مرحبًا بك في النقر للتعلم.
إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا لدراسة وتوصيل 3 موضوعات مثيرة لك:
Bootstrap التعلم البرنامج التعليمي
Bootstrap البرنامج التعليمي العملي
تعليمي استخدام المكونات الإضافية Bootstrap
ما سبق هو كل شيء عن هذا المقال. آمل أن يكون من المفيد أن يتعلم الجميع مكون الإضافي مربع تحذير Bootstrap.