Értesítés az oldalon a beépülő modullal
A noty egy jQuery plugin, amellyel könnyen létrehozhat különböző riasztásokat, például riasztást, sikert, hibát, figyelmeztetést, információt, visszaigazolást a szokásos böngésző párbeszédpaneljének helyére. Az oldalon megjelenített üzenetek száma beállítható, például legfeljebb 5 üzenet, és az üzenetek nem jelenik meg a sorban.
Az értesítésekhez a következő elemek találhatók:
A plug-in API sok más lehetőséget kínál, például szöveg, animáció, sebesség, gombok stb.
A plugin működéséhez csatlakoztatni kell azt, gondolom, ha ezen a webhelyen már tudod hogyan lehet kapcsolódni a scriptekhez =). Információkért a plugin a jQuery 1.6+ verziójával működik.
Hozzon létre egy objektumot
A pluginben könnyen létrehozhat értesítéseket. Egyszerűen használja a következő kódot:
funkció generál # 40; elrendezés # 41; # 123;
var n = értékes # 40; # 123;
szöveget. elrendezést.
írja. 'Alert'.
dismissQueue. igaz.
elrendezést. elrendezést.
témát. 'DefaultTheme'
# 125; # 41; ;
# 125;
function generateAll # 40; # 41; # 123;
generál # 40; 'Top' # 41; ;
generál # 40; 'TopCenter' # 41; ;
generál # 40; „Balfelső” # 41; ;
generál # 40; 'TopRight' # 41; ;
generál # 40; „Központ” # 41; ;
generál # 40; 'CenterLeft' # 41; ;
generál # 40; 'CenterRight' # 41; ;
generál # 40; 'Bottom' # 41; ;
generál # 40; 'BottomCenter' # 41; ;
generál # 40; 'BottomLeft' # 41; ;
generál # 40; 'BottomRight' # 41; ;
# 125;
$ # 40; dokumentum # 41;. kész # 40; függvény # 40; # 41; # 123;
generateAll # 40; # 41; ;
# 125; # 41; ;
Azt hiszem, világos, hogy minden működik, de csak abban az esetben, röviden írja le.
Először létrehoz egy függvényt plugin objektummal és egy csomó tulajdonsággal, a szöveg értéke egyenlő lesz a kimeneti pozíció nevével, azaz a generateAll () függvényből kapott érték. az üzenet típusa figyelmeztető lesz. A többi lehetőséget később is megvizsgáljuk. Végül hívja a generateAll () függvényt, amely a funkciót a pluginnal együtt hívja.
Nem szükséges ilyen hívást használni a plug-inhez, csak egy példa.
Az alábbiakban az alapértelmezett beállítások teljes listája látható:
$. noty. defaults = # 123;
elrendezést. 'Top'. // az üzenet pozíciója
témát. 'DefaultTheme'. // üzenetstílus
írja. 'Alert'. // az üzenet típusa. Az üzenetek pozíciói és típusai szerepelnek a bejegyzés elején
szöveget. ''. // az üzenet szövege
dismissQueue. igaz. Ha engedélyezve van, akkor az üzenetek a hívás sorrendben jelennek meg, azaz. line up
sablont. '
animáció. # 123; // animáció
nyitva. # 123; magasságot. 'Toggle' # 125;.
közel. # 123; magasságot. 'Toggle' # 125;.
lazítás. 'Swing'.
sebesség. 500 // az üzenet megnyitása és bezárása
# 125;.
timeout. hamis. // késleltetés az üzenet bezárása előtt
erő. hamis. // hozzáadja a várólista hozzáadásáról szóló értesítést
modális. hamis. // létrehoz egy modális ablak hatását, sötétebbé teszi az oldal hátterét
maxVisible. 5. // a megjelenített üzenetek maximális száma a képernyőn, ha még többet hívnak, a sorba kerülnek
gyilkos. hamis. // ha engedélyezve van, akkor az összes megnyitott üzenetet bezárja, kivéve magát
closeWith. # 91; „Kattintson” # 93;. // ['click', 'button', 'lebeg'] az üzenet bezárása
visszahívás. # 123; // inverz függvények
onShow. függvény # 40; # 41; # 123; # 125;. // a tűz előfordul, mielőtt az üzenet megjelenik
after. függvény # 40; # 41; # 123; # 125;. // a kijelző után
onClose. függvény # 40; # 41; # 123; # 125;. bezárás előtt
afterClose. függvény # 40; # 41; # 123; # 125; // a bezárás után
# 125;.
gombokat. false // hozzáadja a gombokat az üzenethez, és minden gombhoz hozzáadhat egy funkciót!
# 125; ;
Egyedi tároló
Ezzel a kóddal az üzeneteket az oldal bármelyik tárolójában megjelenítheti.