Bootstrap JS သတိပေးချက်
JS သတိပေးချက် (alert.js)
သတိပေးချက်ပလပ်အင်တွင် သတိပေးချက်မက်ဆေ့ချ်များကို ပိတ်ရန် ရွေးချယ်စရာများနှင့် နည်းလမ်းများ ပါဝင်သည်။
Alerts အကြောင်း သင်ခန်းစာအတွက်၊ ကျွန်ုပ်တို့၏ 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-* Attributes မှတစ်ဆင့် သတိပေးချက်များကို ပိတ်ပါ။
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 |