تنبيه Bootstrap JS
تنبيه JS (alert.js)
البرنامج المساعد للتنبيه يتضمن خيارات وطرق لإغلاق رسائل التنبيه.
للحصول على برنامج تعليمي حول التنبيهات ، اقرأ البرنامج التعليمي لتنبيهات Bootstrap .
فئات البرنامج المساعد التنبيه
| Class | Description | Example |
|---|---|---|
| .alert | Creates an alert message box | |
| .alert-danger | Red alert. Indicates a dangerous or potentially negative action | |
| .alert-dismissible | Indicates a closable alert box. Together with the .close class, this class is used to close the alert (adds extra padding) |
|
| .alert-info | Light-blue alert.Indicates a neutral informative change or action | |
| .alert-link | Used on links inside alerts to provide matching colored links | |
| .alert-success | Green alert. Indicates a successful or positive action | |
| .alert-warning | Yellow alert. Indicates caution should be taken with this action | |
| .close | Styles the close button for the alert message (floats right with a specified font-size, color, etc.) |
إغلاق التنبيهات عبر البيانات - * السمات
أضف data-dismiss="alert"إلى ارتباط أو عنصر زر لإغلاق رسالة التنبيه.
مثال
<a href="#" class="close" data-dismiss="alert"
aria-label="close">×</a>
أغلق التنبيهات عبر JavaScript
إغلاق يدويًا باستخدام:
مثال
$('.close').alert();
خيارات التنبيه
| None |
طرق التنبيه
يسرد الجدول التالي جميع طرق التنبيه المتاحة.
| Method | Description | Try it |
|---|---|---|
| .alert("close") | Closes the alert message |
أحداث التنبيه
يسرد الجدول التالي جميع أحداث التنبيه المتاحة.
| Event | Description | Try it |
|---|---|---|
| close.bs.alert | Occurs when the alert message is about to be closed | |
| closed.bs.alert | Occurs when the alert message has been closed |