Was sind die "Muss" -jQuery-Plugins? [geschlossen]


108

Ich würde gerne wissen, was die nützlichsten JQuery-Plugins sind. Ich interessiere mich besonders für diejenigen, die wahrscheinlich für die allgemeine UI-Entwicklung nützlich sind, wie z. B. Tablesorter , und nicht für diejenigen, die ungewöhnlichen Anforderungen dienen.

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

Danke, Don


1
Viele Leute neigen dazu, jquery mit guten UI-Bibliotheken wie YUI oder Dojo zu kombinieren. Dies macht es einfach, die App zu häuten und bietet ein einheitliches Erscheinungsbild auf der ganzen Linie, was mit einer Vielzahl von JQuery-Plugins für die Benutzeroberfläche sehr schwierig zu erreichen sein kann. Mein 2C :)
Surya

Wenn Sie Dojo oder YUI verwenden, verwenden Sie möglicherweise auch nicht jQuery, da beide eine ähnliche Javascript-Bibliothek wie jQuery enthalten.
Joshua Partogi

3
jQuery + YUI + Dojo + die "must have" Plugins, yeaaah. Ich bin mir ziemlich sicher, dass ich Ihre Website in einem Leben nie mehr besuchen werde.
Gblazex

Antworten:


45

Meine Liste:

  • Autocomplete
    • Eingabefeld, damit Benutzer schnell einen Wert finden und auswählen können, indem sie das Suchen und Filtern nutzen.
  • JSON
    • JSON-Plugin zum Abrufen und Bearbeiten von JSON-Daten.
  • Plätzchen
    • Einfaches und leichtes Utility-Plugin zum Lesen, Schreiben und Löschen von Cookies.
  • Vaildation
    • Zur Validierung von Formulareingabedaten.
  • Benutzeroberfläche
    • Voll funktionsfähige themenbezogene und gebrauchsfertige Widgets und mehr ...
  • Schnittstelle
    • Ziehen, Sortieren, Löschen, Plug-and-Play-Komponenten und visuelle Effekte.
  • Zyklus
    • Vielseitiges und leichtes Plugin für Diashows.

Wenn jemand versuchen könnte, eine sehr kurze Beschreibung derjenigen zu liefern, die noch nicht in anderen Beiträgen beschrieben wurden, werde ich versuchen, sie alle in einem zusammenfassenden Beitrag zusammenzufassen.
Dónal

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

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

31

Wir verwenden derzeit:

Am beeindruckendsten

Jquery UI-Elemente:

Nützliche Community-Plugins:

Weitere werden folgen, ich werde Links hinzufügen etc ...


Defo - HotKeys ist unglaublich. Auch ein
guter

29

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

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


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

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

Flot in vielen Projekten verwendet, einfach zu konfigurieren und sehr einfach zu verstehen, wie es funktioniert - es ist ein Muss!
Xorinzor

11

Ich werde eine auflisten, an der ich arbeite ...

Mein jLINQ-Plugin ist eine jQuery-Version von .NET LINQ. Es wurde für die Arbeit mit In-Memory-Sammlungen entwickelt (ohne direkt mit dem Server zu kommunizieren) und Sie können eine Syntax verwenden, die der folgenden ähnelt.

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

Es unterstützt eine Reihe anderer Befehle, die Sie in LINQ zum Ordnen und Gruppieren finden, sowie die meisten Auswahlbefehle wie enthält, zwischen, größer als usw.

Hier ist eine Demo - Sie ist stabil, aber noch in Bearbeitung

Vielleicht nicht müssen, aber könnte nützlich sein, wenn es fortschreitet ...


Ich weiß nichts über .Net, sollte also wahrscheinlich nicht einmal kommentieren, aber ... Ich glaube, dass LINQ ein Mittel ist, um auf Daten (relational, XML usw.) zuzugreifen Möchten Sie in Ihrem clientseitigen Code nicht, wo jemand ihn ändern könnte?
Dónal

1
Mit LINQ können Sie auch mit speicherinternen Objekten und Arrays arbeiten. Das ist alles, wofür das ist. Es wird nicht mit Datenbanken auf der Serverseite gesprochen.
Hugoware

Normalerweise würden Sie es also verwenden, um durch Daten zu navigieren, die in JS-Objekten gespeichert sind?
Dónal

Richtig, es ist praktisch für die Arbeit mit Arrays von Objekten. Sie können die Eigenschaften der Objekte abfragen.
Hugoware

Großartig, ich werde die Dokumente überprüfen, wenn ich weitere Fragen habe.
Dónal


8

1
Tolle Antwort, ich würde es akzeptieren, aber ich nehme an, dass dies nicht wirklich die Art von Frage ist, die eine "richtige" Antwort hat, und ich möchte (noch) keine weiteren Antworten entmutigen.
Dónal

6

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

Viele Optionen, Einstellungen und es hält die Seite sauber :)


Liebe Growl und das sieht auch gut aus.
Tim Büthe


5

Ich weiß, dass dies ein alter Beitrag ist, dachte aber nur, ich würde meine 2 Cent einwerfen, um später darauf zurückgreifen zu können.

Colorbox - Auf jeden Fall das beste modale Fenster / Leuchtkasten für Jquery.

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


3

Benutzeroberfläche - keine bessere Möglichkeit, Draggables, Größenänderungen und einige andere zu erstellen.

Slibox2 - ultimativer Lightbox-Klon für jQuery, sehr einfach zu bedienen.

iFixPng - einfache Lösung für IE6 PNG mit Alpha.




2

Ich benutze immer Facebox , um dem Benutzer Popup-Formulare und Nachrichten anzuzeigen. Es hält die Benutzeroberfläche sauber (die meisten unserer Benutzer verwenden Facebook) und ist dennoch nicht so langweilig wie die Verwendung alert().


1

Wenn Sie Visual Studio 2008 zum Codieren Ihrer jQuery verwenden, benötigen Sie Intellisense: http://weblogs.asp.net/bleroy/archive/2008/10/27/jquery-intellisense-documentation-file-available.aspx


Du brauchst es nicht, nur schön zu haben :)
redsquare

Wenn Sie jQuery in VS 2008 machen, denke ich, dass es ein Muss ist;)
Aaron Powell

Dies ist für altes visuelles Studio und für altes jquery. Wie verwende ich Intelligenz in VS2010 mit Lates JQuery 1.7?
Andrus





Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.