Ich habe zwei Listen, ich möchte, dass beide sortierbar sind und Objekte von Liste1 nach Liste2 und umgekehrt kopieren (ziehen) können.
Was ich will, aber die Gegenstände werden bewegt, nicht kopiert. Ich habe ein paar Experimente mit Ziehern und Droppables gemacht, aber ich kann nicht arbeiten, um sie sortierbar zu halten. Zum Beispiel: Ссылка
OK hier ist meine App; zwei Listen von Bildern, sortierbar und Sie können aus der verbundenen Liste kopieren.
Wenn ein Objekt bereits im Ziel vorhanden ist, ist es deaktiviert.
Hoffentlich nützlich für jemanden ...
JSFiffle hier: Ссылка
CSS:
%Vor%JS:
%Vor%HTML:
%Vor%Ich muss sagen, dass FFishs Antwort darauf unglaublich hilfreich für mich war.
Ich würde einen Vorschlag machen; Wenn die Listen ständig geändert werden, scheint das mousedown-Ereignis mehrfach aufgerufen zu werden, da das Ereignis für alle untergeordneten Objekte erneut registriert wird. Es könnte ein bisschen wie ein Kludn sein, aber ich habe erst eine Unbind hinzugefügt, um sicherzustellen, dass das mousedown -Ereignis nur einmal aufgerufen wird.
%Vor%bis
%Vor%Tags und Links jquery-ui jquery-ui-sortable