최고의 경고 상자 부트 스트랩 튜토리얼 2024년, 이 튜토리얼에서는 용법,예,옵션,방법,예,행사,예,를 배울 수 있습니다.
경고 상자 부트 스트랩
박스 경고 (경고) 메시지가 주로 최종 사용자가 경고 메시지를 확인하거나 할 같은 정보를 표시하는데 사용된다. 경고와 함께 상자 (경고) 플러그인, 당신은 모든 경고 메시지 상자 (기각) 취소 기능을 추가 할 수 있습니다.
용법
당신이 (해고) 기능을 취소 경고 상자를 활성화 할 수있는 두 가지 방법이 있습니다 :
예
다음 예는 데이터에 의해 경고 상자 (경고) 위젯의 사용은 사용 속성을 보여줍니다.
예
<사업부 클래스 = "경고 경고 - 경고" >
<A HREF = "#" 클래스 = "근접" > = "경고"데이터 기각
& 배;
</ A>
<STRONG> 경고! </ STRONG> 네트워크 연결 문제. </ DIV>
»시도 결과는 다음과 같다 :
옵션
옵션은 없습니다.
방법
여기에 몇 가지 경고 상자입니다 (경고) 플러그인 유용한 방법 :
方法 | 描述 | 实例 |
.alert() | 该方法让所有的警告框都带有关闭功能。 |
$('#identifier').alert();
|
Close Method.alert('close') | 关闭所有的警告框。 |
$('#identifier').alert('close');
|
닫을 때 애니메이션을 사용하려면, 당신은.fade 및 .IN 클래스를 추가해야합니다.
예
다음의 예는() 메소드를 .alert보여줍니다
예
<H3> 경고 상자 (경고) 위젯 경고 () 메소드 </ H3>
<사업부 ID = "myAlert" 클래스 = "경고 경고 - 성공" >
<A HREF = "#" 클래스 = "근접" = "경고"> 데이터 해고 및 시간; </ A>
<STRONG> 성공! </ STRONG> 결과는 성공적이다. </ DIV>
<사업부 ID = "myAlert" 클래스 = "경고 경고 - 경고" >
<A HREF = "#" 클래스 = "근접" = "경고"> 데이터 해고 및 시간; </ A>
<STRONG> 경고! </ STRONG> 네트워크 연결 문제. </ DIV>
<스크립트>
$ (함수 () {$ ( ".close") 클릭을 (함수 () {$ ( "#myAlert") 경고 (); ko});});
</ 스크립트> [/ mycode2] </ DIV>로 <br>
<A 대상 = "_blank" HREF = "/try/try.php?filename=bootstrap3-plugin-alert-method1" 클래스 = "tryitbtn">»을 시도 </ A>
</ DIV>
<P> 다음은 <B> .alert (닫기를 보여줍니다 ) 사용법 </ b>을 방법 : </ P>
<사업부 클래스 = "예">
<H2 = "예"클래스> 예 </ H2>
<사업부 클래스 = "example_code"> [mycode3 유형 = "html로"] <H3> 경고 상자 (경고) 위젯 경고 ( '가까이') 방법 </ H3>
<사업부 ID = "myAlert" 클래스 = "경고 경고 - 성공" >
<A HREF = "#" 클래스 = "근접" = "경고"> 데이터 해고 및 시간; </ A>
<STRONG> 성공! </ STRONG> 결과는 성공적이다. </ DIV>
<사업부 ID = "myAlert" 클래스 = "경고 경고 - 경고" >
<A HREF = "#" 클래스 = "근접" = "경고"> 데이터 해고 및 시간; </ A>
<STRONG> 경고! </ STRONG> 네트워크 연결 문제. </ DIV>
<스크립트>
$ (함수 () {$ ( ".close") 클릭을 (함수 () {$ ( "#myAlert") 경고를 ( '가까이'); ko});});
</ 스크립트>
»시도 당신은 기능이 경고 상자를 해제 모든 경고 상자가 꺼져 적용됩니다 볼 수 있습니다, 다른 나머지 경고 상자가 닫힙니다.
행사
다음 표는 경고 상자 (경고) 플러그인 경우에 사용될 나열. 이러한 이벤트시 후크 함수를 사용할 수있다.
事件 | 描述 | 实例 |
close.bs.alert | 当调用close实例方法时立即触发该事件。 |
$('#myalert').bind('close.bs.alert', function () {
// 执行一些动作ko.
})
|
closed.bs.alert | 当警告框被关闭时触发该事件(将等待 CSS 过渡效果完成)。 |
$('#myalert').bind('closed.bs.alert', function () {
// 执行一些动作ko.
})
|
예
다음의 예는 (경고)를 경고 이벤트 상자를 보여줍니다 플러그인 :
예
<사업부 ID = "myAlert" 클래스 = "경고 경고 - 성공" >
<A HREF = "#" 클래스 = "근접" = "경고"> 데이터 해고 및 시간; </ A>
<STRONG> 성공! </ STRONG> 결과는 성공적이다. </ DIV>
<스크립트>
$ (함수 () {$ ( "#myAlert"). 바인드 ( 'closed.bs.alert'기능 () {
경고 ( "경고 메시지 상자가 닫힙니다.");});});
</ 스크립트>
»시도 결과는 다음과 같다 :