부트스트랩 JS 경고
JS 경고(alert.js)
경고 플러그인에는 경고 메시지를 닫는 옵션과 방법이 포함되어 있습니다.
경고에 대한 자습서는 부트스트랩 경고 자습서 를 읽으십시오 .
경고 플러그인 클래스
| 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 |