التمهيد مربع التنبيه

السابقة: مربع المنبثقة التمهيد (بوبوفير) القطعة

يستخدم مربع تحذير (تنبيه) رسالة في الغالب لعرض معلومات مثل المستخدمين النهائيين يريدون رسالة تحذير أو التأكيد. مربع مع تحذير (تنبيه) في المكونات، يمكنك إضافة الغاء (فصل) وظيفة لجميع مربع رسالة تحذير.

استعمال

هناك طريقتان يمكنك تمكين مربع تحذير لإلغاء وظيفة (الفصل):

من خلال السمة البيانات: عن طريق إضافة API البيانات (API البيانات) إلى إلغاء وظيفة، وتحتاج فقط إلى إضافة زر لإيقاف البيانات اقالة = "حالة تأهب"،فإنه سيتم تلقائيا إضافة وظائف إلى إيقاف مربع تحذير.
```
<a class="close" data-dismiss="alert" href="#" aria-hidden="true">
	ومرات؛
</A>
```
بواسطة جافا سكريبت: واضاف إلغاء وظائف من خلال جافا سكريبت:
```
$ ( ". تنبيه"). تنبيه ()
```

أمثلة

يوضح المثال التالي استخدام القطعة مربع تحذير (تنبيه) من خلال البيانات ويعزو الاستخدام.

أمثلة

<div الطبقة = "في حالة تأهب في حالة تأهب للإنذار" > <A أ href = "#" الطبقة = "وثيقة" بيانات اقالة = "التنبيه"> ومرات؛ </ A> <القوي> تحذير! </ قوي> لديك مشكلة في اتصال الشبكة. </ div>

محاولة »

وكانت النتائج على النحو التالي:

خيارات

لا توجد خيارات.

الطريق

وهنا بعض مربع تحذير (تنبيه) المكونات بطرق مفيدة:

方法	描述	实例
.alert()	该方法让所有的警告框都带有关闭功能。	$('#identifier').alert();
Close Method.alert('close')	关闭所有的警告框。	$('#identifier').alert('close');

لتمكين الرسوم المتحركة عندما أغلقت، تأكد من إضافة.fade والطبقة. في.

أمثلة

يوضح المثال التالي.alert طريقة ():

أمثلة

<H3> مربع تحذير (تنبيه) تنبيه القطعة () طريقة </ H3> <div معرف = "myAlert" الطبقة = "في حالة تأهب في حالة تأهب-نجاح" > <A أ href = "#" الطبقة = "وثيقة" ويرفض البيانات = "التنبيه"> & مرات؛ </ A> <القوي> النجاح! </ قوي> نتائج ناجحة. </ div> <div معرف = "myAlert" الطبقة = "في حالة تأهب في حالة تأهب للإنذار" > <A أ href = "#" الطبقة = "وثيقة" ويرفض البيانات = "التنبيه"> & مرات؛ </ A> <القوي> تحذير! </ قوي> لديك مشكلة في اتصال الشبكة. </ div> <script>

$ (وظيفة () {$ ( ".close") فوق (وظيفة () {$ ( "#myAlert") تنبيه ()؛ ..})؛})؛

</ script> [/ mycode2] </ div> <BR> <A الهدف = "_blank" أ href = "/try/try.php؟filename=bootstrap3-plugin-alert-method1" الطبقة = "tryitbtn"> محاولة »</ A> </ div> <P> المثال التالي يوضح <ب> .alert ( 'وثيقة' ) الاستخدام </ B> الطريقة: </ P> <div الطبقة = "مثال"> <H2 الطبقة = "مثال"> المثال </ H2> <div الطبقة = "example_code"> [mycode3 نوع = "أتش تي أم أل"] <H3> مربع تحذير (تنبيه) تنبيه القطعة (الاغلاق) طريقة </ H3> <div معرف = "myAlert" الطبقة = "في حالة تأهب في حالة تأهب-نجاح" > <A أ href = "#" الطبقة = "وثيقة" ويرفض البيانات = "التنبيه"> & مرات؛ </ A> <القوي> النجاح! </ قوي> نتائج ناجحة. </ div> <div معرف = "myAlert" الطبقة = "في حالة تأهب في حالة تأهب للإنذار" > <A أ href = "#" الطبقة = "وثيقة" ويرفض البيانات = "التنبيه"> & مرات؛ </ A> <القوي> تحذير! </ قوي> لديك مشكلة في اتصال الشبكة. </ div> <script>

$ (وظيفة () {$ ( ".close") فوق (وظيفة () {$ ( "#myAlert") تنبيه ( 'وثيقة')؛ ..})؛})؛

</ script>

محاولة »

يمكنك ان ترى يتم تطبيق كافة مربع تحذير من ميزة إيقاف تشغيل أي مربع تحذير، سيتم إغلاق آخر مربع التنبيه المتبقية.

حدث

يسرد الجدول التالي مربع تحذير (تنبيه) المكونات الإضافية لاستخدامها في هذا الحدث. ويمكن استخدام هذه الأحداث عندما وظيفة هوك.

事件	描述	实例
close.bs.alert	当调用close实例方法时立即触发该事件。	$('#myalert').bind('close.bs.alert', function () { // 执行一些动作... })
closed.bs.alert	当警告框被关闭时触发该事件（将等待 CSS 过渡效果完成）。	$('#myalert').bind('closed.bs.alert', function () { // 执行一些动作... })

أمثلة

يوضح المثال التالي مربع الحدث تحذير (تنبيه) في المكونات:

أمثلة

<div معرف = "myAlert" الطبقة = "في حالة تأهب في حالة تأهب-نجاح" > <A أ href = "#" الطبقة = "وثيقة" ويرفض البيانات = "التنبيه"> & مرات؛ </ A> <القوي> النجاح! </ قوي> نتائج ناجحة. </ div> <script>