39 Stimmen

Leichtgewichtige Alternative zu sortable() von jQuery UI?

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/

0voto

arttronics Punkte 9927

Ich gebe meine Antwort, nachdem ich mir die SO-Antwort von Samuel Hapak angesehen habe. Die steal.js Datei ist ein Schwergewicht bei 18.7kb . Dann zu " stehlen. " sortables.js en 2.7kb bringt es auf einen stolzen Betrag von 21.4kb . Hinzufügen eines optionalen Abwurfs bei 4kb und ziehen an 5.5kb bringt die Gesamtsumme auf 30.9kb . Referenz-Demoseite aquí und die Registerkarte NET-Quellcode in den Entwicklungswerkzeugen anzeigen.

Zum Vergleich: Die jQuery UI Sortierbar Das Plugin hat ein Gewicht von 33.3Kb (einschließlich der notwendigen nackten UI Core die Sie nicht wollen).

Bitte beachten Sie die Schnittstelle Element Sortables leichtgewichtiges Plugin, das nur ein paar Gramm wiegt 18.9Kb und das ist mit drei Abhängigkeiten von drag , drop y util enthalten.

Schnittstelle Element Sortables hat auch eine einfache Beispielseite HIER y HIER .

-1voto

Alexander Yezutov Punkte 3044

Soweit ich mich erinnere, ist es möglich, beim Herunterladen von jQuery UI nur die Funktionen auszuwählen, die von Ihnen benötigt werden. So können Sie nur die sortierbare mit seinen Abhängigkeiten herunterladen.

-1voto

NewUser Punkte 299

Wie Sie sagten-"jQuery UI (1.8+) entwickelt sich zu einer großartigen Bibliothek". Nun, wenn Sie so denken, warum wählen Sie eine andere Bibliothek, ich denke, Sie wollen eine Alternative zu ihm, weil die jQuery UI-Bibliothek ist sehr schwer zu laden. Wenn ja, Wählen Sie nur die Funktionen aus, die Sie benötigen, indem Sie einen benutzerdefinierten Download durchführen. Sobald Sie die benutzerdefinierte Bibliothek heruntergeladen haben. Laden Sie sie auf Ihren Server hoch oder laden Sie sie auf eine kostenlose JavaScript-Hosting-Website wie z. B.
http://yourjavascript.com/ .
Oder wählen Sie eine Website aus diese Liste.

-5voto

Hussein Punkte 41748

Jquery / UI wäre der beste Weg, um dies zu tun, um Cross-Browser-Kompatibilität zu gewährleisten. Sie müssen nicht einmal die JS- und CSS-Dateien von Ihrem Server laden. Sowohl jQuery als auch jQuery UI können von Google CDN geladen werden. Darüber hinaus haben die meisten Benutzer bereits jQuery js-Dateien von Google zwischengespeichert, so dass die meisten nicht einmal neu geladen werden müssen.

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/start/jquery-ui.css" type="text/css" media="all" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>

Sehen Sie sich auch diesen Link an, um zu erfahren, warum es besser ist, jQuery von Google zu laden, wie ich oben erwähnt habe. http://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X