경고 메시지는 주로 최종 사용자가 경고 또는 확인 메시지와 같은 정보를 표시하기 위해 사용됩니다. Alert 플러그인을 사용하면 모든 경고 상자 메시지에 취소 가능한 기능을 추가 할 수 있습니다.
플러그인의 기능을 별도로 참조하려면 Alert.js를 참조해야합니다. 또는 Bootstrap 플러그인 개요 장에서 언급했듯이 bootstrap.js 또는 compressed 버전의 bootstrap.min.js를 참조하십시오.
1. 사용법
다음 두 가지 방법으로 경고 박스의 해고 기능을 활성화 할 수 있습니다.
1. 데이터 속성을 통해 : 데이터 API (데이터 API)를 통해 취소 가능한 기능을 추가하십시오. 닫기 버튼에 data-dismiss = "Alert"를 추가하면 닫기 기능이 경고 상자에 자동으로 추가됩니다.
<a data-dismiss = "alert"href = "#"aria-hidden = "true"> × </a>
2. JavaScript를 통해 : JavaScript를 통해 취소 된 기능 추가 :
$ ( ". Alert"). Alert ()
2. 간단한 예
경고함은 시간을 클릭하기위한 정보 상자입니다.
1. 기본 예
<div> <버튼 유형 = "버튼"data-dismiss = "alert"> <span "> </span> </button> <p> 경고 : 브라우저가 지원하지 않습니다! </p> </div>
2. 페이드 효과를 추가하십시오
<div>
JavaScript를 사용하는 경우 Data-Dismiss = "Alert"로 대체 할 수 있습니다.
// javaScript method $ ( '. close'). on ( 'click', function () {$ ( '#alert'). Alert ( 'close');})Alert 플러그인에는 두 가지 유형의 이벤트가 있습니다.
// 이벤트, 기타 유사성 $ ( '#alert'). on ( 'close.bs.alert', function () {alert ( '닫기 메소드가 트리거 될 때 호출!');});이 일련의 튜토리얼은 다음과 같이 컴파일되었습니다. Bootstrap Basic Tutorials 특별 주제, Click to Learn에 오신 것을 환영합니다.
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위는이 기사에 관한 것입니다. 모든 사람이 부트 스트랩 경고 박스 플러그인을 배우는 것이 도움이되기를 바랍니다.