Gitt kontextuell Feedback Messagen fir typesch Benotzeraktiounen mat der Handvoll verfügbaren a flexibelen Alarmmeldungen.
Beispiller
Alarmer si fir all Längt vum Text verfügbar, souwéi en optionalen Entlooss Knäppchen. Fir richteg Styling, benotzt eng vun den aacht erfuerderleche kontextuelle Klassen (zB .alert-success). Fir Inline Entloossung benotzt den Alarm jQuery Plugin .
Eng einfach primär Alarm - kuckt et!
Eng einfach sekundär Alarm - kuckt et!
Eng einfach Erfolleg Alarm - kuckt et!
Eng einfach Gefor Alarm - kuckt et!
Eng einfach Warnung Alarm - kuckt et!
Eng einfach Infoalarm - kuckt et!
Eng einfach Luuchtalarm - kuckt et!
Eng einfach donkel Alarm - kuckt et!
Bedeitung vun Hëllefstechnologien
D'Faarf benotze fir Bedeitung ze addéieren gëtt nëmmen eng visuell Indikatioun, déi net un d'Benotzer vun Assistenztechnologien vermëttelt gëtt - sou wéi Écran Lieser. Vergewëssert Iech datt d'Informatioun, déi mat der Faarf bezeechent gëtt, entweder offensichtlech aus dem Inhalt selwer ass (zB dem siichtbaren Text), oder duerch alternativ Mëttelen abegraff ass, sou wéi zousätzlech Text verstoppt mat der .sr-onlyKlass.
Link Faarf
Benotzt d' .alert-linkUtility-Klass fir séier passende faarweg Linken an all Alarm ze bidden.
Eng einfach primär Alarm mat
engem Beispilllink . Gitt et e Klick wann Dir wëllt.
Eng einfach sekundär Alarm mat
engem Beispilllink . Gitt et e Klick wann Dir wëllt.
Eng einfach Erfollegsalarm mat
engem Beispilllink . Gitt et e Klick wann Dir wëllt.
Eng einfach Gefor Alarm mat
engem Beispill Link . Gitt et e Klick wann Dir wëllt.
Eng einfach Warnung Alarm mat
engem Beispill Link . Gitt et e Klick wann Dir wëllt.
Eng einfach Infoalarm mat
engem Beispilllink . Gitt et e Klick wann Dir wëllt.
Eng einfach Luuchtalarm mat
engem Beispilllink . Gitt et e Klick wann Dir wëllt.
Eng einfach donkel Alarm mat
engem Beispill Link . Gitt et e Klick wann Dir wëllt.
Zousätzlech Inhalt
Alarmer kënnen och zousätzlech HTML Elementer enthalen wéi Rubriken, Abschnitter an Treiber.
Gutt gemaach!
Aww jo, Dir hutt dës wichteg Alarmmeldung erfollegräich gelies. Dëse Beispilltext wäert e bësse méi laang lafen fir datt Dir gesitt wéi Ofstand an enger Alarm mat dëser Aart vun Inhalt funktionnéiert.
Wann och ëmmer Dir braucht, gitt sécher Margin Utilities ze benotzen fir d'Saache schéin an uerdentlech ze halen.
Entlooss
Mat dem Alarm JavaScript Plugin ass et méiglech all Alarm inline ze entloossen. Hei ass wéi:
Gitt sécher datt Dir den Alarm Plugin gelueden hutt, oder de kompiléierte Bootstrap JavaScript.
Wann Dir eis JavaScript aus der Quell baut, brauchutil.js et . Déi kompiléiert Versioun enthält dëst.
Füügt en Entlooss Knäppchen an d' .alert-dismissibleKlass, déi extra Polsterung op der rietser Säit vun der Alarm bäidréit an de .closeKnäppchen positionéiert.
Op der Entlooss Knäppchen füügt den data-dismiss="alert"Attribut un, wat d'JavaScript Funktionalitéit ausléist. Vergewëssert Iech d' <button>Element domat ze benotzen fir entspriechend Verhalen iwwer all Apparater.
Fir Alarmer ze animéieren wann se entlooss ginn, gitt sécher d'Klassen ze .fadeaddéieren .show.
Dir kënnt dëst an Aktioun mat enger Live Demo gesinn:
Hellege guacamole! Dir sollt op e puer vun dëse Felder hei drënner kucken.
JavaScript Verhalen
Ausléiser
Aktivéiert d'Entloossung vun enger Alarm iwwer JavaScript:
Oder mat dataAttributer op engem Knäppche bannent der Alarm , wéi uewen bewisen:
Notéiert datt d'Schließung vun enger Alarm se aus der DOM ewechhëlt.
Methoden
Method
Beschreiwung
$().alert()
Maacht eng Alarm no Klickevenementer op Nokommen Elementer déi den data-dismiss="alert"Attribut hunn. (Net néideg wann Dir d'Auto-Initialiséierung vum Data-APi benotzt.)
$().alert('close')
Schléisst eng Alarm andeems se se aus der DOM erofhuelen. Wann d' .fadeKlassen .showum Element präsent sinn, wäert d'Alarm verschwannen ier se ewechgeholl gëtt.
$().alert('dispose')
Zerstéiert d'Alarm vun engem Element.
Evenementer
Bootstrap's Alarm Plugin exponéiert e puer Eventer fir an d'Alarmfunktionalitéit unzekoppelen.
Event
Beschreiwung
close.bs.alert
Dëst Event brennt direkt wann d' closeInstanzmethod genannt gëtt.
closed.bs.alert
Dëst Evenement gëtt ofgeléist wann d'Alarm zougemaach gouf (waart bis CSS Iwwergäng fäerdeg sinn).