jquery-ui-selectable, Seitenzahl 1

___ qstnhdr ___ JQuery Selectable - bricht das aktuell ausgewählte Element ab ___ qstntxt ___

Ich habe eine Liste mit verschiedenen Elementen. Ich möchte alle auswählbar sein, aber nur in Gruppen. Wie:

%Vor%

Ich habe etwas geschrieben, das funktionieren könnte, aber ich weiß nicht, wie ich die aktuelle Auswahl abbrechen kann, wenn das Element rel-Attribut von current anders ist als das zuerst gewählte.

%Vor%

___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jQuery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ answer14513384 ___

Ich musste etwas Ähnliches tun. Ein Projekt, das ich kürzlich gemacht habe, hatte mehrere Abschnitte, die in Zeilen aufgeteilt waren, und jede Zeile hatte drei Abschnitte oder Spalten. Wir brauchten die Funktionalität so, dass sie, wenn sie Spalte 1 von Position 1 nach Position 3 sortierten, alle anderen Spalten entsprechend sortieren würden. Ich habe dies erreicht, indem ich eine Animate-Funktion aufgerufen habe, die nach der Sortierung alle anderen relationalen Spalten, die die Sortierung ausgelöst haben, ergreift und neu positioniert. Sie können das gleiche hier tun, oder einfach Ihre Liste neu erstellen, indem Sie einen Container um jede Gruppe hinzufügen und dann nach dem Container sortieren und die Sortierfunktion in den Containern deaktivieren. Gruppe 1 wäre also Listenelemente, aber sortiert nach einer einzelnen Entität. Hoffentlich hilft das. Glückliche Kodierung!

___ tag123jqueryuiselable ___ Das jQuery UI Selectable plugin: Aktiviert die Auswahl eines DOM-Elements (oder einer Gruppe von Elementen). Zeichnen Sie eine Box mit dem Cursor, um Elemente auszuwählen. Halten Sie die Strg-Taste gedrückt, um mehrere nicht benachbarte Selektionen vorzunehmen. ___ answer13217890 ___

%Vor%

MOUSE OVER:

%Vor%

BENUTZERDEFINIERTER TD:

%Vor%

oder:

%Vor%

___ answer12723619 ___

Sie können die Option %code% verwenden, um nur bestimmte Listenelemente zu aktivieren.

Ich habe diese DEMO für Sie vorbereitet, es gab nur ein Problem mit dem Filter. Es funktioniert nicht, wenn aktivierte Elemente in %code% handler geändert werden. Also habe ich ein kleines Update in den %code% -Handler hinzugefügt, wo ich die Auswahl aus Elementen entferne, die nicht aktiviert sind.

Ihr Skript könnte so aussehen:

%Vor%

___ answer12705290 ___

Aktivieren Sie diese FIDDLE - Gruppenweise auswählen.

HTML

%Vor%

jquery

%Vor%

___

jquery-ui-selectable

Deaktivieren Strg-Klick auf jquery ui wählbar

JQuery Selectable - bricht das aktuell ausgewählte Element ab