Biede kontekstuele feedbackberjochten foar typyske brûkersaksjes mei it hantsjefol beskikbere en fleksibele warskôgingsberjochten.
Foarbylden
Alerts binne beskikber foar elke lingte fan tekst, lykas ek in opsjoneel ôfwize knop. Foar goede styling, brûk ien fan de acht fereaske kontekstuele klassen (bgl. .alert-success). Foar inline ûntslach, brûk de warskôgings jQuery plugin .
In ienfâldige primêre warskôging - kontrolearje it út!
In ienfâldige sekundêre warskôging - kontrolearje it út!
In ienfâldige súkses warskôging - kontrolearje it út!
In ienfâldige gefaaralarm - kontrolearje it út!
In ienfâldige warskôging - kontrolearje it út!
In ienfâldige ynfo warskôging - kontrolearje it út!
In ienfâldige ljochtwarskôging - kontrolearje it út!
In ienfâldige tsjustere warskôging - kontrolearje it út!
Betsjutting oerbringe oan assistinte technologyen
It brûken fan kleur om betsjutting ta te foegjen jout allinich in fisuele yndikaasje, dy't net sil wurde oerbrocht oan brûkers fan assistinte technologyen - lykas skermlêzers. Soargje derfoar dat ynformaasje oanjûn troch de kleur óf dúdlik is út de ynhâld sels (bgl. de sichtbere tekst), óf wurdt opnommen troch alternative middels, lykas ekstra tekst ferburgen mei de .sr-onlyklasse.
Link kleur
Brûk de .alert-linknutklasse om fluch oerienkommende kleurde keppelings te leverjen binnen elke warskôging.
In ienfâldige primêre warskôging mei
in foarbyldkeppeling . Jou it in klik as jo wolle.
In ienfâldige sekundêre warskôging mei
in foarbyldkeppeling . Jou it in klik as jo wolle.
In ienfâldige suksesalarm mei
in foarbyldkeppeling . Jou it in klik as jo wolle.
In ienfâldige gefaaralarm mei
in foarbyldkeppeling . Jou it in klik as jo wolle.
In ienfâldige ynfo warskôging mei
in foarbyldkeppeling . Jou it in klik as jo wolle.
In ienfâldige ljochtwarskôging mei
in foarbyldkeppeling . Jou it in klik as jo wolle.
In ienfâldige tsjustere warskôging mei
in foarbyldkeppeling . Jou it in klik as jo wolle.
Oanfoljende ynhâld
Alerts kinne ek ekstra HTML-eleminten befetsje lykas kopteksten, paragrafen en dividers.
Goed dien!
Aww ja, jo hawwe dit wichtige warskôgingsberjocht mei súkses lêzen. Dizze foarbyldtekst sil wat langer rinne, sadat jo kinne sjen hoe't ôfstân binnen in warskôging wurket mei dit soarte ynhâld.
As jo it nedich binne, wês wis dat jo marzje-hulpprogramma's brûke om dingen moai en netjes te hâlden.
It ûntslaan
Mei it JavaScript-plugin foar warskôging is it mooglik om alle warskôgings ynline te ferwiderjen. Hjir is hoe:
Wês wis dat jo de warskôgingsplugin hawwe laden, of it kompilearre Bootstrap JavaScript.
As jo ús JavaScript bouwe fanút boarne, fereasketutil.js it . De gearstalde ferzje befettet dit.
Foegje in ûntslach knop en de .alert-dismissibleklasse, dy't foeget ekstra padding oan de rjochterkant fan de warskôging en posysjes de .closeknop.
Foegje op 'e knop ôfwize it data-dismiss="alert"attribút ta, dat de JavaScript-funksjonaliteit trigger. Wês wis dat jo it <button>elemint dermei brûke foar goed gedrach oer alle apparaten.
Om warskôgings te animearjen by it ôfwizen fan se, wês wis dat jo de .fadeen .showklassen tafoegje.
Jo kinne dit yn aksje sjen mei in live demo:
Hillige guacamole! Jo moatte kontrolearje op guon fan dy fjilden hjirûnder.
JavaScript gedrach
Triggers
Skeakelje it ûntslach fan in warskôging fia JavaScript yn:
Of mei dataattributen op in knop binnen de warskôging , lykas hjirboppe toand:
Tink derom dat it sluten fan in warskôging it fan 'e DOM sil fuortsmite.
Metoaden
Metoade
Beskriuwing
$().alert()
Makket in warskôging te harkjen nei klik-eveneminten op ôfstammende eleminten dy't it data-dismiss="alert"attribút hawwe. (Net nedich by it brûken fan de automatyske inisjalisaasje fan de data-api.)
$().alert('close')
Slút in warskôging troch it te ferwiderjen fan 'e DOM. As de .fadeen .showklassen binne oanwêzich op it elemint, de warskôging sil fade út foardat it wurdt fuortsmiten.
$().alert('dispose')
Fernielet in warskôging fan in elemint.
Eveneminten
De warskôgingsplugin fan Bootstrap bleatstelt in pear eveneminten foar heakjen oan warskôgingsfunksjonaliteit.
Barren
Beskriuwing
close.bs.alert
Dit evenemint fjoer fuortendaliks as de closeeksimplaar metoade wurdt oanroppen.
closed.bs.alert
Dit evenemint wurdt ûntslein as de warskôging is sletten (sil wachtsje op CSS-oergongen om te foltôgjen).