2008-11-06 11 views
109

Ich würde gerne wissen, was sind die nützlichsten JQuery-Plugins. Ich bin besonders an solchen interessiert, die für die allgemeine UI-Entwicklung nützlich sein könnten, wie zum Beispiel Tablesorter, und nicht für solche, die ungewöhnliche Anforderungen erfüllen.Was sind die "Muss" jQuery-Plugins?

Wenn Sie eine sehr kurze Beschreibung des Zwecks des Plugins geben könnten, wäre das sehr hilfreich.

Danke, Don

+1

Viele Leute neigen dazu, jQuery mit guten ui-Bibliotheken wie YUI oder Dojo zu kombinieren. Dies macht es leicht, die App zu häuten und bietet ein konsistentes Aussehen auf der ganzen Linie, die mit hodge-podge von jquery plugins für UI ziemlich schwierig sein könnte. Meine 2C :) – Surya

+0

Wenn Sie Dojo oder YUI verwenden, dann können Sie auch nicht jQuery verwenden, da beide ähnliche Javascript-Bibliothek wie jQuery enthält. –

+3

jQuery + YUI + Dojo + die "Must Have" Plugins, jaaaah. Ich bin mir ziemlich sicher, dass ich Ihre Website in Ihrem Leben niemals erreichen werde. – galambalazs

Antwort

11

Ich werde eine Liste ich gerade arbeite ...

My jLINQ plugin ist ein jQuery-Version von .NET LINQ. Es ist für die Arbeit mit In-Memory-Sammlungen (nicht direkt mit dem Server sprechen) und verwenden Sie eine ähnliche Syntax wie folgt.

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

Es unterstützt eine Reihe von anderen Befehle, die Sie in LINQ finden für die Bestellung und die Gruppierung zusammen mit den meisten der Auswahlbefehle wie enthält, zwischen, greaterThan, etc ...

Here is a demo - Es stabil ist , aber immer noch im Gange

vielleicht darf nicht haben, kann aber nützlich sein, da sie fortschreitet ...

+0

Ich weiß nichts über .Net so wahrscheinlich sollte nicht einmal kommentieren, aber .... Ich glaube, dass LINQ ist ein Mittel zum Zugriff auf Daten (relational, XML, etc.), ist das nicht die Art von Dingen, die Sie im Allgemeinen Möchten Sie nicht in Ihrem clientseitigen Code, wo jeder es ändern könnte? –

+1

LINQ können Sie auch mit In-Memory-Objekten und Arrays arbeiten. Das ist alles für das. Es redet tatsächlich nicht mit Datenbanken auf der Serverseite. – Hugoware

+0

Also, normalerweise würden Sie es verwenden, um durch Daten zu navigieren, die in JS-Objekten gespeichert sind? –

8
+1

Große Antwort, ich würde es akzeptieren, aber ich nehme an, das ist nicht wirklich die Art von Frage, die eine "richtige" Antwort hat und ich möchte (noch) keine weiteren Antworten entmutigen. –

45

Meine Liste:

  • Autocomplete
    • Eingabefeld Benutzer zu ermöglichen, schnell zu finden und einen Wert auszuwählen, Such- und Filter nutzen.
  • JSON
    • JSON Plugin Abrufen Abrufen und Manipulieren von Daten json.
  • Cookie
    • Einfache & leichte Utility-Plugin zum Lesen, Schreiben und Löschen von Cookies.
  • Vaildation
    • Für Formulareingabedaten zu validieren.
  • UI
    • Voll funktionsThemAble und ready-to-use-Widgets und mehr ...
  • Interface
    • Schleppen, Sortables, Droppables, Plug-and- spielen Komponenten und visuelle Effekte.
  • Cycle
    • Vielseitig und leicht Bild Diashow-Plugin.
+0

Wenn jemand versuchen könnte, eine sehr kurze Beschreibung von denen zu geben, die nicht bereits in anderen Posts beschrieben wurden, werde ich versuchen, sie alle in einen zusammenfassenden Beitrag zu rollen. –

+7

Schnittstelle wird abgeschrieben und funktioniert nicht mehr mit 1.2.6 - ersetzt durch die Benutzeroberfläche – redsquare

+3

Von JSON-Link: Update 2007-09-13: Ab Version 1.2 unterstützt der jQuery-Core jetzt domänenübergreifende JSONP-Downloads als Teil des nativen Ajax Unterstützung. Ich schlage vor, dass Sie diese Unterstützung anstelle des Plugins verwenden. –

29

Ich denke, dass Flot Plugin (ein Plotten Bibliothek/Plugin) einen Platz in dieser verdient " Must-Have "-Liste.

Darüber hinaus wird es hier in StackOverflow verwendet, um das Histogramm der Reputation auf der Benutzerkontoseite anzuzeigen.

+0

Das ist ziemlich beeindruckend - ich dachte, dass wir Bilder sind, als ich sie das erste Mal sah. – Hugoware

+4

+1 Wow, Flot ist ziemlich cool. Guter Fund! – TehOne

+0

Verwendet flot in vielen Projekten, einfach konfigurierbar und sehr einfach zu verstehen, wie es funktioniert - es ist ein Muss! – xorinzor

31

Wir verwenden derzeit:

Most impressive

JQuery UI-Elemente:

Nützliche Community-Plugins:

Mehr Informationen zu kommen, ich werde Links hinzufügen etc ...

+3

Hotkeys ist so gut. – Natrium

+0

Defo - HotKeys ist erstaunlich. Auch toller Weg für Submit/Enter Buttons etc sowie Tastatur Produktivität Shortcuts – penderi

10

Ich habe gerade jqGrid gefunden und es sieht sehr gut aus.

und es hat auch viel Dokumentation (jetzt ein 99 pages pdf) und examples

2

UI ist definitiv ein Must-Have. Als eine Rasterkomponente würde ich jqGrid empfehlen. IMHO, es ist besser als flexiGrid.

3

UI - keinen besseren Weg, draggables, resizables und einige andere zu tun.

Slibox2 - ultimative Leuchtkasten Klon für jQuery, sehr einfach zu bedienen.

iFixPng - einfache Lösung für IE6 PNG w/alpha.

0

der mit der Glühfaden Gruppe sehr beeindruckt ich einen großen Fan von jTemplates bin, die Sie Client-Seite Templating gibt. Ich finde es extrem leistungsfähig, besonders für das Rendern von Ergebnissen.

6

Für eine unauffällige Möglichkeit, Nachrichten an den Client zu senden, ohne den Inhalt der Seite dauerhaft zu beeinflussen, verwende ich jGrowl, basierend auf dem OSX Growl-System.

gibt es jede Menge Optionen, Einstellungen und es hält die Seite sauber:)

+0

Liebe Growl und das sieht auch gut aus. –

5

jQuery tools from Flowplayer ist wirklich Lust. Ich mag das Expose- und Overlay-Plugin.

+0

Zustimmen, diese oft überwältigen jquery-ui und kommen mit keiner "Mach, was du willst" -Lizenz. –

+0

Zu viele Browser-Probleme (( –

+0

) Flowplayer-Link ist nicht verfügbar – Andrus

5

Ich weiß, dies ist ein alter Beitrag, aber, nur gedacht, ich würde meine 2 Cent in, für zukünftige Referenz werfen.

Colorbox - Definitiv das beste modale Fenster/Lightbox für Jquery.

Das Validierungs-Plugin (zuvor erwähnt) funktioniert auch sehr gut.

2

ich immer Facebox verwenden, um anzuzeigen Pop-up-Formulare und Nachrichten für den Benutzer. Es hält die Benutzeroberfläche sauber (die meisten unserer Benutzer verwenden Facebook), und doch ist es nicht so langweilig wie mit alert().

1

Niemand diese erwähnt hat, die ich sehr nützlich gefunden:

  • Datatables - erweiterte Funktionen hinzufügen und Interaktion steuert auf eine HTML-Tabelle
  • BeautyTips - Hinzufügen konfigurierbar Tooltips ein HTML-Element
Verwandte Themen