2008-11-06 6 views
109

J'aimerais savoir quels sont les plugins JQuery les plus utiles. Je suis particulièrement intéressé par ceux qui sont susceptibles d'être utiles dans le développement général de l'interface utilisateur, tels que Tablesorter, plutôt que ceux qui répondent à des besoins inhabituels.Quels sont les plugins jQuery "must have"?

Si vous pouviez fournir une description très succincte du but du plugin, ce serait très utile.

Merci, Don

+1

Beaucoup de gens ont tendance à combiner jquery avec de bonnes bibliothèques d'interface utilisateur comme YUI ou dojo. Cela rend facile la peau de l'application et donne un look cohérent à travers le conseil, ce qui pourrait être assez difficile à réaliser avec hodge-podge de plugins jquery pour l'interface utilisateur. Mon 2C :) – Surya

+0

Si vous utilisez dojo ou YUI, alors vous ne pouvez pas utiliser jQuery car les deux contiennent une bibliothèque javascript similaire à jQuery. –

+3

jQuery + YUI + dojo + les plugins "must have", oui. Je suis sûr que je ne frapperai jamais votre site dans une vie. – galambalazs

Répondre

11

Je vais énumérer un je travaille ...

My jLINQ plugin est une version jQuery de LINQ .NET. Il est fait pour travailler avec des collections en mémoire (ne parle pas directement au serveur) et vous utilisez une syntaxe similaire à celle-ci.

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

Il prend en charge un groupe d'autres commandes que vous trouverez dans LINQ pour la commande et le regroupement avec la plupart des commandes de sélection telles que contient, entre, greaterThan, etc ...

Here is a demo - Il est stable , mais toujours en cours

peut-être ne doit pas avoir, mais peut-être utile, car elle progresse ...

+0

Je ne sais rien à propos de .Net donc probablement ne devrait même pas être commentant mais .... Je crois que LINQ est un moyen d'accéder aux données (relationnelles, XML, etc.), n'est-ce pas le genre de chose que vous généralement ne voudrait pas dans votre code côté client, où n'importe qui pourrait le modifier? –

+1

LINQ vous permet également de travailler avec des objets et des tableaux en mémoire. C'est tout pour ça. Il ne parle pas réellement aux bases de données sur le côté de serveur. – Hugoware

+0

Donc, typiquement, vous l'utiliseriez pour naviguer à travers les données stockées dans les objets JS? –

8
+1

Bonne réponse, je l'accepterais, mais je suppose que ce n'est pas vraiment le genre de question qui a une "bonne" réponse et je ne veux pas décourager d'autres réponses (pour l'instant). –

45

Ma liste:

  • Autocomplete
    • champ d'entrée pour permettre aux utilisateurs de trouver rapidement et en sélectionnant une valeur, tirant parti de la recherche et le filtrage.
  • JSON
    • plug-in JSON récupérer la récupération et la manipulation de données JSON.
  • Cookie
    • simple & plugin utilitaire léger pour la lecture, l'écriture et les cookies supprimer.
  • Vaildation
    • Pour la validation des données d'entrée de formulaire.
  • UI
    • widgets aux nombreuses fonctionnalités themable et prêtes à l'emploi et plus ...
  • Interface
    • Traîner, Sortables, droppables, plug-et- jouer des composants et des effets visuels.
  • Cycle
    • Image Polyvalent et léger plugin diaporama.
+0

Si quelqu'un pouvait essayer de fournir une très brève description de ceux qui n'ont pas déjà été décrits dans d'autres articles, je vais essayer de les regrouper dans un article récapitulatif. –

+7

L'interface est dépréciée et ne fonctionne plus avec 1.2.6 - remplacée par l'interface utilisateur – redsquare

+3

Depuis le lien JSON: Mise à jour 2007-09-13: Depuis la version 1.2, le noyau jQuery prend désormais en charge les téléchargements JSONP interdomaines dans le cadre de l'Ajax natif soutien. Je vous suggère d'utiliser ce support à la place du plugin. –

1

Si vous utilisez Visual Studio 2008 pour coder votre jQuery vous avez besoin du IntelliSense: http://weblogs.asp.net/bleroy/archive/2008/10/27/jquery-intellisense-documentation-file-available.aspx

+0

Vous n'en avez pas besoin, juste un bien d'avoir :) – redsquare

+0

Si vous faites jQuery dans VS 2008, je pense que c'est un must-have;) –

+0

Ceci est pour le vieux studio visuel et pour le vieux jquery. Comment utiliser intellisence dans VS2010 avec lats jquery 1.7? – Andrus

29

Je pense que le plugin Flot (une bibliothèque de traçage/plugin) mérite une place dans ce " liste "must-have".

En outre, il est utilisé ici, dans StackOverflow, pour afficher l'histogramme de la réputation dans la page du compte d'utilisateur.

+0

C'est assez impressionnant - je pensais que nous étions des images la première fois que je les voyais. – Hugoware

+4

+1 Wow, Flot est plutôt cool. Bonne trouvaille! – TehOne

+0

Utilisé flot dans beaucoup de projets, facilement configurable et très facile à comprendre comment cela fonctionne - c'est un must-have! – xorinzor

31

Nous utilisons actuellement:

les plus impressionnants

éléments JQuery UI:

plugins communautaires utiles:

Plus à venir, je vais ajouter des liens etc ...

+3

Hotkeys est si bon. – Natrium

+0

Defo - HotKeys est incroyable. Excellente sortie pour les boutons de soumission/entrée etc ainsi que la productivité du clavier raccourcis – penderi

10

Je viens de trouver jqGrid et ça a l'air très bien.

et il a aussi beaucoup de documents (en ce moment un 99 pages pdf) et examples

2

UI est un must-have. En tant que composant de grille, je recommanderais jqGrid. À mon humble avis, il vaut mieux que flexiGrid.

3

UI - pas de meilleure façon de le faire, draggables resizables et quelques autres.

Slibox2 - clone ultraléger pour jQuery, très facile à utiliser.

iFixPng - solution simple pour IE6 PNG w/alpha.

0

Je suis un grand fan de jTemplates, ce qui vous donne côté client templating. Je le trouve extrêmement puissant, surtout pour le rendu des résultats.

6

Pour une manière discrète d'envoyer des messages au client sans affecter le contenu de la page de manière permanente, j'utilise jGrowl, basé sur le système OSX Growl.

Lot de toutes les options, les paramètres et il garde la page propre:)

+0

Love Growl et cela semble très bien aussi. –

5

jQuery tools from Flowplayer est vraiment fantaisie. J'aime vraiment le plugin exposer et superposer.

+0

D'accord, ils surchargent souvent jquery-ui et viennent avec aucune licence «fais ce que tu veux». –

+0

Trop de problèmes de navigateur (( –

+0

Le lien Flowplayer est en panne – Andrus

5

Je sais que c'est un vieux message mais, juste pensé que je jetterais mes 2 cents dedans, pour la future référence.

Colorbox - Certainement la meilleure fenêtre modale/lightbox pour Jquery.

Le plugin Validation (mentionné précédemment) fonctionne également très bien.

2

j'utilise toujours Facebox pour afficher des fenêtres contextuelles et des messages à l'utilisateur. Il maintient l'interface utilisateur propre (la plupart de nos utilisateurs utilisent Facebook), et pourtant ce n'est pas aussi fade que d'utiliser alert().

1

Personne n'a mentionné ces derniers, que j'ai trouvé très utile:

  • Datatables - Ajouter des fonctions avancées et des contrôles d'interaction à une table HTML
  • BeautyTips - Ajouter infobulles configurables à un Élément HTML
Questions connexes