Miglior plug-in dei messaggi di stato jQuery?
-
03-07-2019 - |
Domanda
Qual è il miglior plug-in per i messaggi di stato jQuery?
Mi piace jGrowl e Purr , ma jGrowl non ha la funzione di rimanere appiccicoso (non chiudersi automaticamente) e Purr non sembra funzionare proprio in IE 6.
Vorrei mostrare messaggi come ... il sito sta per terminare per manutenzione, il tuo lavoro è stato completato e cose del genere.
Soluzione
jGrowl sembra appiccicoso - vedi esempio 2 nella pagina demo:
https://github.com/stanlemon/jGrowl
... ah - o volevi dire dopo che la pagina è stata ricaricata?
Vorrei quindi gestirlo sul lato server, ovvero includere un sitedown.js che attiva l'avviso di ringhio ogni volta che viene visitata una pagina.
Altri suggerimenti
Alcune opzioni ...
- Messaggi umanizzati (
demo, 3 KB) sembra molto bello e ha un buon lancio storico - Pines Notify (13 KB) è estremamente personalizzabile e supporta temi dell'interfaccia utente jQuery
- jGrowl (6 KB) in realtà ha un'opzione appiccicosa - usa {sticky: true}
Mi piace molto questo plugin per messaggi umani. Puoi personalizzarlo per rimanere più a lungo e modificare l'aspetto, ecc.
In ordine delle mie preferenze
-
Noty http://needim.github.com/noty/ 6kb | Richiede jQuery | Github
-
Humane-JS https://github.com/wavded/humane-js | Demo | GitHub
-
Notifica Growl dell'interfaccia utente di JQuery http: //www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/
-
Notifica Pines http://pinesframework.org/pnotify/ 15KB | SourceForge-Mercurial
-
SmokeJS https://github.com/jyoungblood/smoke.js | Github
-
js Message http://dhtmlx.github.com/message/ 4KB | MIT | Github
Abbiamo iniziato a utilizzare http://boedesign.com/demos/gritter/ e dobbiamo dire che realizza il ringhio di osx che si sente meglio degli altri elencati fuori dalla scatola.
Nel nostro progetto abbiamo trovato molto utile seguire il semplice codice di west-wind.
http://www.beyondweblogs.com /post/Display-Fancy-Status-Message-using-JQuery.aspx
- Prima avevo usato il plugin jQuery Noty , ma dopo v2 non usa il file css. Dovresti includere troppi file js se usi opzioni diverse.
-
Toastr è una buona alternativa. L'utilizzo è semplice ed è un progetto sviluppato attivamente.
Ha l'opzione top-full-width e bottom-full-width senza usare nessun altro file js.Repo: https://github.com/CodeSeven/toastr
Demo: http://codeseven.github.io/toastr/ -
Pnotify è un plugin molto dettagliato e facile da usare. Ha troppe opzioni che sembrano divertenti e ha una pagina demo molto utile.
Repo: https://github.com/sciactive/pnotify
Demo: http://pinesframework.org/pnotify/#demos-simple
Ecco un widget jQuery di notifica in stile popup di Outlook:
C'è un bel messaggio umanizzato qui: http: //www.websanova. com / plugins / humanmsg / jquery # websanova