jQuery sortieren Plugins 15 der Besten

Fünfzehn praktische JQuery-Sortier-Plug-Ins, damit Sie die Webelemente problemlos verwalten können!

Kernpunkte:

• Dieser Artikel listet 15 leistungsstarke JQuery-Sorting-Plug-Ins auf, die die Reihenfolge, den Standort und die Organisation von Seiten oder Tabellenelementen effektiv steuern können.
• Jedes Plug-In verfügt über einzigartige Funktionen, die von einfacher Inhaltssortierung, sortierbarem Tabellenlayout, Animations-Tabellensortierung bis hin zur erweiterten Suchbenutzeroberfläche mit reichen und vielfältigen Funktionen reichen.
• JQuery Sorting Plug-In ist ein leistungsstarkes Tool zur Verbesserung der Interaktivität und der Benutzerfreundlichkeit der Website, insbesondere bei großen Datensätzen oder Listenansichten.

Sortierfunktion ist sehr praktisch für die Behandlung großer Datensätze wie Tabellenansichten und kann auch zum Verwalten von Listenansichten wie Portfolio -Seiten verwendet werden. In diesem Artikel werden 15 sehr bequeme JQuery -Sortier -Plugins eingeführt. Mit diesen Plugins können Sie über die Bestellung, den Standort und die Organisation von Seiten- oder Tabellenelementen eine bessere Kontrolle haben. Beginnen wir die Erfahrung! Verwandte Lesung:

• jQuery sortiert Arrays nach Index
• jQuery Random Output Array

1. Sortierliste mit JQuery UI

Es gibt zwei JQuery -Plugins, die die Sortierelemente ermöglichen: das JQuery -Schnittstellen -Plugin und die JQuery -UI. In diesem Tutorial wird letztere verwendet und Lösungen zum Speichern der Liste enthält.

Beispiel

2. JQuery JPlist Plugin

JPlist ist ein flexibles JQuery-Plug-In zum Sortieren, Pagieren und Filtern einer HTML-Struktur (Div, UL/Li, Tabellen usw.).

3. jQuery Einfache Inhaltssortier -Verbesserung Plugin

Dieses Plugin erstellt einen einfachen Inhaltssortierer für Ihren Inhalt und ermöglicht es Ihnen, Inhalte mithilfe der Paging -Funktion zu steuern! Einfache Inhaltssortierung bietet eine einfache und benutzerfreundliche Möglichkeit, Ihre Benutzeroberfläche zu verschönern, indem Sie einen reibungslosen Client-Sortiermechanismus bereitstellen.

Beispiel

4. jQuery UI sortierbares Plugin

Ermöglicht die Sortierbarkeit einer Reihe von DOM -Elementen.

Beispiel

5. JQuery Schnittstellenelement

Schnittstelle ist eine reichhaltige Sammlung von Schnittstellenkomponenten, die die leichte JavaScript -Bibliothek JQuery verwenden. Mit diesen Komponenten können Sie reichhaltige Client -Webanwendungen und Schnittstellen genauso einfach erstellen wie das Schreiben von JavaScript mit JQuery.

Beispiel

6. Tinysort

TinySort ist ein kleines und einfaches JQuery -Plugin, das jeden Knotentyp basierend auf seinem Text- oder Attributwert oder dem Wert eines seiner untergeordneten Elemente sortiert.

Beispiel

7. jsquared

Mit diesem Plugin können Sie erweiterte Such -Benutzer -Benutzeroberflächen wie Google Squared organisieren.

Beispiel

8. Animationstabelle Sortierung (reguläre Ausdrücke werden unterstützt)

Mit diesem Plugin können Sie Tabellen basierend auf dem Inhalt der Zelle einer Spalte oder dem Inhalt/Werte von untergeordneten/absteigenden Elementen innerhalb einer Zelle animieren. Verschiedene Zellen fliegen zu ihren neuen Standorten und erzielen gute Ergebnisse.

Beispiel

9. Tabelle Sortierer

Ein JQuery -Plugin zum Konvertieren von Standard -HTML -Tabellen mit TheAt- und TBODY -Tags in sortierbare Tabellen ohne Seiten -Aktualisierung. Tabelsorter kann viele Arten von Daten erfolgreich analysieren und sortieren, einschließlich verknüpfter Daten in Zellen.

Beispiel

10. jQuery Form

Dies ist ein einfaches JQuery -Plugin, mit dem sortierbare Datentabellenlayouts erstellt werden können.

Beispiel

11. jsorted - Sortieren Sie Plugin

Mit diesem Plugin können nicht ordnungsgemäße Listen oder Tabellen in aufsteigender oder absteigender Reihenfolge unter Verwendung von Werten (Zahlen oder Daten) sortiert werden, die an jedes Element angehängt sind. Es kann in Echtzeitdaten-Diagrammen, Sport-Widgets, Nachrichtenscrollen-Untertiteln, HTML5-Spielen und vielem mehr verwendet werden.

Beispiel

12. Einfache Inhaltssortierung

Mit diesem Plugin können Sie Inhalte in einer sauberen und benutzerfreundlichen Oberfläche sortieren und mit Paging-Funktionen ausgestattet. Da alle Vorgänge mit JavaScript durchgeführt werden, tritt keine Seite auf.

Beispiel

13. Schöne Daten

Dies ist eine großartige Möglichkeit, um langweilige HTML -Tabellen in Funktionen wie Paging und Sortierung umzuwandeln. Dieses JQuery -Plugin kann auch in CSV und JSON auf Daten zugreifen, indem Quellendateien angegeben werden.

Beispiel

14. JQuery ColumnManager Plugin

A JQuery -Plugin, das die Sichtbarkeit von Tabellenspalten umschaltet (kollabieren und erweitern) und den Status auf den nächsten Zugriff speichert.

Beispiel

15. Drag & Drop -Sortierliste mit JavaScript und CSS

Dies ist eine Sammlung direkter Betriebsbeispiele, die in modernen Browsern funktionieren. Jedes Beispiel ist ein Beweis für das Konzept.

Beispiel

FAQs über JQuery Sorting Plug-In

(Dieser Teil des Inhalts entspricht dem ursprünglichen Text, weggelassen)

Das obige ist der detaillierte Inhalt vonjQuery sortieren Plugins 15 der Besten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!