¿El mejor plugin de mensaje de estado de jQuery?
-
03-07-2019 - |
Pregunta
¿Cuál es el mejor complemento de mensaje de estado de jQuery?
Me gusta jGrowl y Purr , pero jGrowl no tiene la función de permanecer pegajoso (no se cierra automáticamente) y Purr no parece funcionar correctamente en IE 6.
Me gustaría mostrar mensajes como ... el sitio está a punto de suspenderse por mantenimiento, su trabajo ha finalizado, y cosas por el estilo.
Solución
jGrowl parece estar pegajoso; vea el ejemplo 2 en la página de demostración:
https://github.com/stanlemon/jGrowl
... ah, ¿o quiso decir después de que la página se haya recargado?
Luego manejaría esto en el lado del servidor, es decir, incluiría un sitedown.js que activa el aviso de gruñido cada vez que se visita una página.
Otros consejos
Algunas opciones ...
- Mensajes humanizados (
demo, 3 KB) se ve muy bien, y tiene un buen despliegue de historia - Pines Notify (13 KB) es extremadamente personalizable y es compatible con los temas de la interfaz de usuario de jQuery
- jGrowl (6 KB) realmente tiene una opción pegajosa: use {sticky: true}
Realmente me gusta este plugin de mensajes humanos. Puede personalizarlo para quedarse más tiempo y cambiar la apariencia, etc. -
En orden de mi preferencia
-
Noty http://needim.github.com/noty/ 6kb | Requiere jQuery | Github
-
Humane-JS https://github.com/wavded/humane-js | Demostración | GitHub
-
JQuery UI Growl Notification http: //www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/
-
Pines Notificar http://pinesframework.org/pnotify/ 15KB | SourceForge-Mercurial
-
SmokeJS https://github.com/jyoungblood/smoke.js | Github
-
js Mensaje http://dhtmlx.github.com/message/ 4KB | MIT | GIthub
Hemos empezado a utilizar http://boedesign.com/demos/gritter/ y tenemos que diga que logra que el gruñido osx se sienta mejor que los otros listados de la caja.
Encontramos que el siguiente código simple de west-wind fue muy útil en nuestro proyecto.
http://www.beyondweblogs.com /post/Display-Fancy-Status-Message-using-JQuery.aspx
- Usé el complemento jQuery Noty antes, pero después de v2 no usa el archivo css. Debe incluir demasiado archivo js si usa diferentes opciones.
-
Toastr es una buena alternativa. El uso es simple y es un proyecto desarrollado activamente.
Tiene la opción de ancho completo superior y ancho completo inferior sin usar ningún otro archivo js.Repo: https://github.com/CodeSeven/toastr
Demostraciones: http://codeseven.github.io/toastr/ -
Pnotify es un complemento muy detallado y fácil de usar. Tiene demasiadas opciones que parecen divertidas y tiene una página de demostración muy útil.
Repo: https://github.com/sciactive/pnotify
Demostraciones: http://pinesframework.org/pnotify/#demos-simple
Aquí hay un widget jQuery de notificación de estilo de Outlook emergente:
Aquí hay un bonito mensaje humanizado: http: //www.websanova. com / plugins / humanmsg / jquery # websanova