Leichtgewichtige Alternative zu sortable() von jQuery UI?

Question

JQuery UI (1.8+) entwickelt sich zu einer großartigen Bibliothek, aber ich finde, dass es oft zu viel für mich tut. Gibt es eine alternative Bibliothek für die Erstellung einer sortierbaren Liste, die einen kleineren Fußabdruck hat?
Der Ausschluss von Funktionen wie Platzhalter und Kreuzlistensortierung ist akzeptabel.

Edita:
(Dies ist eine interessante Diskussion geworden, vielen Dank für die vielen Antworten).
Es scheint, dass ein paar Benutzer nicht wissen, was jQuery UI sortable ist. Es ist no Tabellensortierung, sondern Listenanordnung. Stellen Sie sich vor, Sie sortieren Ihre Netflix-Warteschlange neu. Sehen Sie sich die Demo hier an: http://jqueryui.com/demos/sortable/

Answer 1

Der kleinste und einfachste Code, den ich gefunden habe, war HTML5 Sortierbar . Es ist ein winziges JQuery-Plugin, das mit einer Vielzahl von Browsern funktioniert und nur 1,5 KB groß ist.

Demos von HTML5 sortierbar sind hier .

Answer 2

Die Antworten, die vor dieser gepostet wurden, sind überraschenderweise veraltet.

Sortierbar ist ein schnelles, abhängigkeitsfreies, kleines, neu sortierbares Listen-Widget mit Touch-Unterstützung, das mit der HTML5-eigenen Drag&Drop-API arbeitet. Sie können es mit Bootstrap, Foundation oder jeder beliebigen CSS-Bibliothek verwenden, und seine Instanziierung erfordert nur eine Zeile.

Es unterstützt die Umordnung innerhalb einer Liste oder zwischen verschiedenen Listen. Sie können Listen definieren, die nur Elemente aufnehmen können, oder Listen, von denen Sie ziehen können, auf die Sie aber nicht ablegen können. Es wird außerdem sehr aktiv gepflegt und MIT lizenziert auf GitHub .

new Sortable(document.getElementsByClassName('sortable')[0]);

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

<!-- Sortable -->
<script src="https://rawgit.com/RubaXa/Sortable/master/Sortable.js"></script>

<ul class="list-group sortable">
  <li class="list-group-item">This is <a href="http://rubaxa.github.io/Sortable/">Sortable</a></li>
  <li class="list-group-item">It works with Bootstrap...</li>
  <li class="list-group-item">...out of the box.</li>
  <li class="list-group-item">It has support for touch devices.</li>
  <li class="list-group-item">Just drag some elements around.</li>
</ul>

Answer 3

Ok, ich habe darauf gewartet, dass jemand anderes eine bessere Antwort bekommt, aber da das noch nicht geschehen ist, werde ich meine eigenen Nachforschungen mitteilen:

• Jquery's sortierbares Plugin ist bei weitem der beliebteste und am meisten Download-Seite Nur relevante Teile können überprüft werden (z.B. nur das sortierbare Plugin), wobei der Overhead von jquery erhalten bleibt.
• En dasselbe ist mit scrip.aculo.us möglich die auf prototype.js aufgebaut ist
• Und mit YUI
• Eine alte 'DHTML'-Bibliothek bietet eine sortierbare Listenfunktion auch mit nur 1 weiteres Merkmal daneben (an Ort und Stelle bearbeiten). Dies ist die einzige "spezielle" Bibliothek, die ich (zu meiner Überraschung) finden konnte.
• Es gibt noch einige andere benutzerdefinierte Skripte, die ebenfalls veraltet sind, wie z. B. este . Auf der Suche nach este wird eine Reihe von ihnen auftauchen.

Wenn ich mir die Freiheit nehme, über diesen Mangel zu theoretisieren, würde ich vermuten, dass dies der Fall ist, weil Drag & Drop Folgendes erfordert beaucoup von browserübergreifenden Hacks und Korrekturen in älteren Browsern, und daher wird jeder, der diese Mühe auf sich nehmen will, auf bestehende Bibliotheken angewiesen sein, die zumindest den Umfang der Schmerzen .

Answer 4

jQuery sortierbar mit 8,4 Kb minified ist ein weiterer Kandidat. Es ist ein jQuery-Plugin und scheint aktiv gepflegt zu werden.

Answer 5

Sie können versuchen, javascriptmvc.com Rahmen. Es baut auf Jquery auf und verfügt über einen leistungsfähigen "Steal"-Mechanismus, der es Ihnen ermöglicht, nur die Teile des Frameworks einzubeziehen, die Sie wirklich verwenden.

Die mxui-Bibliothek bietet sortierbare Funktionen, Sie können sie hier ausprobieren: http://javascriptmvc.com/docs.html#!Mxui.Layout.Sortable