Looking for jquery-ui Keywords? Try Ask4Keywords

jQuery UI LibrarySortierbar


Syntax

  • $ ("# sortable"). sortierbar ({/ * Options Here * /}); // Sortierbar initialisieren

  • $ ("# sortable"). sortierbar ("option", "option_name", option_value); // Option außerhalb des Initialisierers setzen

  • var value = $ ("# sortable"). sortierbar ("option", "option_name"); // Ruft den Wert einer Option ab

Parameter

Parameter Beschreibung
Optionen
Anhängen (jQuery, Element, Selector, String) [Standard: "parent"] Das Element, zu dem der Helfer hinzugefügt wird
Achse (String) [Standard: false] Die Richtungen, in die das Element gezogen werden kann (x oder y).
stornieren (Auswahl) [Standard: "Eingabe, Textbereich, Schaltfläche, Auswahl, Option"] Startet die Sortierung nicht, wenn Sie mit einem Element beginnen, das mit dem Auswahlelement übereinstimmt
Klassen (Object) [Default: {}] Geben Sie zusätzliche Klassen an, die beim Hinzufügen der Strukturklassen zu den sortierbaren Elementen hinzugefügt werden sollen. ({ui-sortable-helper: custom_class})
verbinden mit (Auswahl) [Standard: false] Ermöglicht das Ziehen von Elementen aus einer sortierbaren Tabelle in eine andere
Eindämmung (Element, Selector, String) [Standard: false] Das Element, auf das Elemente beschränkt sind
Mauszeiger (String) [Standard: "auto"] Definiert den Typ des Cursors, der beim Sortieren angezeigt werden soll
CursorAt (Objekt) [Standard: false] Definiert die Position, an der der Helfer aussieht, als würde er verschoben
deaktiviert (Boolean) [Standard: false] Deaktiviert die Sortierung, wenn true
dropOnEmpty (Boolean) [Default: true] Wenn falsche Elemente aus dieser sortierbaren Tabelle nicht in leere sortierbare Elemente eingefügt werden können
forceHelperSize (Boolean) [Standard: false] Erzwingt, dass der Helfer eine Größe hat
forcePlaceholderSize (Boolean) [Standard: false] Erzwingt die Größe des Platzhalters
Gitter (Array) [Standard: false] Definiert ein Raster, an dem der Helfer ausgerichtet werden soll ([x, y]).
Griff (Auswahl, Element) [Standard: false] Definiert Elemente, mit denen die Sortierung beginnen kann. Gegenteil zu stornieren
Helfer (String, Funktion) [Default: "original"] String "original" oder "clone" oder eine Funktion, die das als Helper zu verwendende Element zurückgibt.
Artikel (Auswahl) [Standard: "> *"] Definiert die Elemente, die sortierbar sein sollen
Opazität (Zahl 0,01 bis 1) [Standard: false] Legt die Deckkraft für den Helfer fest
Platzhalter (String) [Standard: false] Definiert eine oder mehrere Klassen, die auf den Platzhalter angewendet werden sollen
zurückkehren (Boolean, Number) [Standard: false] Die Zeit, die der Helfer benötigt, um in seine neue Position zu rutschen
scrollen (Boolean) [Standard: true] Gibt an, wenn an den Rändern der Seite gescrollt werden soll
scrollSensitivity (Anzahl) [Standard: 20] Legt fest, wie nahe der Cursor an der Seite sein muss, um den Bildlauf zu starten
Scrollgeschwindigkeit (Anzahl) [Standard: 20] Die Geschwindigkeit, mit der gescrollt werden soll
Toleranz (String) [Default: "intersect"] Legt fest, welcher Modus bei der Berechnung verwendet werden soll, wenn ein Element über einem anderen liegt ("intersect" oder "pointer").
zIndex (Ganzzahl) [Standard: 1000] Definiert den Z-Index des Helpers beim Sortieren
Methoden
stornieren() Bricht die aktuelle Sortierung ab und bringt die Elemente vor dem Sortiervorgang an ihre Position zurück
zerstören() Entfernt die sortierbare Funktion und versetzt das Element in den Zustand vor der Initialisierung
deaktivieren () Deaktiviert die Sortierung
aktivieren() Aktiviert die Sortierung
Beispiel() Gibt das sortables-Instanzobjekt zurück
Möglichkeit() Ruft Schlüsselwertpaare aller Optionen für die Sortierbarkeit ab
Option (String) Ruft den Wert einer Option ab
Option (String, Any) Legt den Wert der durch den String angegebenen Option fest
Option (Objekt) Legt eine oder mehrere Optionen fest, wobei das Objekt aus Schlüsselwertpaaren besteht
Aktualisierung() Aktualisiert die sortierbaren Optionen, indem alle sortierbaren Elemente geladen werden. Dadurch werden neue Elemente erkannt
refreshPositions () Gibt die zwischengespeicherten Positionen der sortierbaren Elemente zurück
serialisieren (Objekt) Serialisiert die Element-IDs (standardmäßig) in eine Zeichenfolge, die gesendet oder an eine URL angehängt werden kann. Objektoptionen: {Schlüssel: Legt den Schlüssel in der serialisierten Zeichenfolge fest, Attribut: [Standard "ID"] legt fest, dass das Attribut ausdruck angezeigt wird : [Standard: "/(.+)-=_/"] Regex, um das Attribut in Schlüsselwertpaare aufzuteilen}
toArray (Objekt) Serialisiert die ID der sortierbaren Elemente in ein Array. Das Objekt kann ein Parameterattribut enthalten, das das Attribut enthält, das in das Array eingefügt werden soll
Widget () Gibt ein jQuery-Objekt des sortierbaren Elements zurück
Veranstaltungen
aktivieren (event, ui) Wird bei einer verbundenen Liste ausgelöst, erhält jede verbundene Liste beim Ziehen den Start
beforeStop (Ereignis, ui) Wird ausgelöst, bevor die Sortierung stoppt, wenn der Helfer in dieselbe Position wie der Platzhalter verschoben wurde
ändern (event, ui) Wird ausgelöst, wenn Elemente ihre Position ändern. wenn sich der platzhalter bewegt
erstellen (event, ui) Wird ausgelöst, wenn sortierbar erstellt wird
deaktivieren (event, ui) Wird ausgelöst, wenn die Sortierung stoppt. Dies gilt auch für alle verbundenen Listen
out (event, ui) Wird ausgelöst, wenn das Element aus der sortierbaren Liste verschoben wird
vorbei (event, ui) Wird ausgelöst, wenn der Artikel in eine sortierbare Liste verschoben wird
empfangen (Ereignis, ui) Wird ausgelöst, wenn ein Element aus einer verbundenen Liste in eine andere fallen gelassen wurde. Ziel ist die Empfangsliste
entfernen (event, ui) Wird ausgelöst, wenn ein Element aus einer verbundenen Liste in eine andere fallen gelassen wurde. Ziel ist die gebende Liste
sort (event, ui) Wird während des Sortierens ausgelöst
start (event, ui) Wird ausgelöst, wenn die Sortierung beginnt
Stop (Ereignis, ui) Wird ausgelöst, wenn die Sortierung stoppt
Update (Ereignis, ui) Wird ausgelöst, wenn die Sortierung stoppt und die DOM-Position aktualisiert wurde

Bemerkungen

Offizielle Dokumentation hier

Sortierbar Verwandte Beispiele