2008-11-06 11 views
109

Me gustaría saber cuáles son los complementos JQuery más útiles. Estoy particularmente interesado en aquellos que pueden ser útiles en el desarrollo general de la interfaz de usuario, como Tablesorter, en lugar de aquellos que satisfacen necesidades poco comunes.¿Cuáles son los complementos jQuery "imprescindibles"?

Si pudiera proporcionar una descripción muy breve del propósito del complemento, sería realmente útil.

Gracias, Don

+1

Mucha gente tiende a combinar jquery con bibliotecas ui buenas como YUI o dojo. Esto facilita la protección de la aplicación y brinda una apariencia uniforme en todos los ámbitos, lo que podría ser bastante difícil de lograr con los complementos de jquery para la interfaz de usuario. Mi 2C :) – Surya

+0

Si está usando dojo o YUI, entonces también podría no usar jQuery porque ambos incluyen una biblioteca de JavaScript similar a jQuery. –

+3

jQuery + YUI + dojo + los complementos "imprescindibles", sí. Estoy bastante seguro de que nunca golpearé su sitio en toda una vida. – galambalazs

Respuesta

11

Voy a enumerar uno que estoy trabajando ...

My jLINQ plugin es una versión de jQuery de LINQ .NET. Está hecho para trabajar con colecciones en memoria (sin hablar directamente con el servidor) y permite usar una sintaxis similar a la siguiente.

var results = $.from(data) 
    .ignoreCase() 
    .startsWith("firstName","m") 
    .or("n") 
    .isNot("administrator") 
    .orderBy("lastName") 
    .select(); 

Es compatible con un montón de otros comandos que se encuentran en LINQ para ordenar y agrupar junto con la mayoría de los comandos de selección, como contiene, entre, greaterThan, etc ...

Here is a demo - Es estable , pero todavía en curso

Tal vez no debe tener, pero podría ser útil a medida que avanza ...

+0

No sé nada de .Net, por lo que probablemente ni siquiera debería comentar, pero ... Creo que LINQ es un medio para acceder a datos (relacionales, XML, etc.), ¿no es este el tipo de cosas que generalmente no querría en su código del lado del cliente, donde cualquiera podría modificarlo? –

+1

LINQ, también puede trabajar con matrices y objetos en memoria. Eso es todo por lo que es. En realidad, no habla con bases de datos del lado del servidor. – Hugoware

+0

Entonces, ¿normalmente lo usaría para navegar por los datos almacenados en objetos JS? –

8
+1

Gran respuesta, lo acepto, pero supongo que este no es realmente el tipo de pregunta que tiene una respuesta "correcta" y no quiero desalentar más respuestas (todavía). –

45

Mi lista:

  • Autocomplete
    • Campo de entrada para permitir a los usuarios encontrar de forma rápida y la selección de un cierto valor, aprovechando búsqueda y filtrado.
  • JSON
    • JSON plugin de recuperación de recuperar y manipular datos JSON.
  • Cookie
    • simple & plugin de utilidad ligera para la lectura, escritura y borrado de las cookies.
  • Vaildation
    • para validar datos de entrada de formulario.
  • UI
    • widgets de themable con todas las características y listas para su uso y más ...
  • Interface
    • arrastre, Sortables, Droppables, Plug-and- reproducir componentes y efectos visuales.
  • Cycle
    • versátil y ligero imágen Presentación plugin.
+0

Si alguien puede tratar de proporcionar una descripción muy breve de las que no se han descrito en otras publicaciones, intentaré incluirlas en una publicación resumida. –

+7

La interfaz se ha depreciado y ya no funciona con 1.2.6 - reemplazada por la interfaz de usuario – redsquare

+3

Desde el enlace JSON: Actualización 2007-09-13: a partir de la versión 1.2, el núcleo jQuery ahora admite descargas JSONP entre dominios como parte del Ajax nativo apoyo. Te sugiero que uses este soporte en lugar del complemento. –

29

Creo que Flot plug-in (una biblioteca/plugin de trazar) merece un lugar en esta " imprescindible "lista.

Además, se usa aquí, en StackOverflow, para mostrar el histograma de la reputación en la página de la cuenta del usuario.

+0

Eso es bastante impresionante: pensé que éramos imágenes la primera vez que las veía. – Hugoware

+4

+1 Wow, Flot es genial. ¡Buen descubrimiento! – TehOne

+0

Se utiliza flot en muchos proyectos, se puede configurar fácilmente y es muy fácil de entender cómo funciona. ¡Es imprescindible! – xorinzor

31

Actualmente usamos:

más impresionantes elementos

jQuery UI:

  • Tabs - interfaz de usuario con pestañas
  • buzón de sugerencias del servicio web
  • DatePicker - - AutoComplete buen calendario de selección de fecha

útiles plugins de la comunidad:

más en el futuro, voy a añadir enlaces, etc ...

+3

Hotkeys es tan bueno. – Natrium

+0

Defo - HotKeys es increíble. También es una gran salida para enviar/ingresar botones, etc., así como productividad del teclado accesos directos – penderi

10

Acabo de encontrar jqGrid y se ve muy bien.

y también tiene una gran cantidad de documentación (ahora un 99 pages pdf) y examples

2

UI es definitivamente un must-have. Como un componente de la red, recomendaría jqGrid. En mi humilde opinión, es mejor que flexiGrid.

3

UI - hay mejor manera de hacerlo draggables, resizables y algunos otros.

Slibox2 - ultimate light clone para jQuery, muy fácil de usar.

iFixPng - solución simple para IE6 PNG con alfa.

0

Soy un gran fan de jTemplates, lo que le da plantillas lado del cliente. Lo encuentro extremadamente poderoso, especialmente para obtener resultados.

6

Para una forma discreta de enviar mensajes al cliente sin afectar el contenido de la página permanentemente, utilizo jGrowl, basado en el sistema OSX Growl.

La porción de opciones, configuración, y se mantiene la página en blanco:)

+0

Love Growl y esto también se ve muy bien. –

5

jQuery tools from Flowplayer es realmente de lujo. Me gusta mucho el plugin de exposición y superposición.

+0

De acuerdo, estos a menudo superan a jquery-ui y no incluyen ninguna licencia de "haz lo que quieras". –

+0

Demasiados problemas con el navegador (( –

+0

) El enlace de Flowplayer está caído – Andrus

5

Sé que esta es una publicación anterior, pero pensé que arrojaría mis 2 centavos, para referencia futura.

Colorbox - Definitivamente la mejor ventana modal/lightbox para Jquery.

El complemento Validation (mencionado anteriormente) también funciona muy bien.

2

siempre uso Facebox para visualizar mensajes emergentes y mensajes al usuario. Mantiene la UI limpia (la mayoría de nuestros usuarios usan Facebook) y, sin embargo, no es tan insulsa como usar alert().

1

Nadie ha mencionado estos, que me pareció muy útil:

  • Datatables - Añadir funciones y controles avanzados de interacción a una tabla HTML
  • BeautyTips - Añadir la información de herramientas configurables a una Elemento HTML
Cuestiones relacionadas