Effektbild: 1. Dateien importieren <script src="js/jquery-1.10.1.min.js"></script> <link rel="stylesheet" href="Öffentlich/css/jquery-ui.min.css"> <script src="js/jquery-ui.min.js"></script> 2. Fügen Sie die sortierbare Klasse zum Element hinzu <tbody Klasse="sortierbar"> <tr></tr> <tr></tr> </tbody> 3. Aktivieren und konfigurieren $(Funktion() { $(".sortierbar").sortierbar({ Cursor: "bewegen", Elemente: "tr", //Nur tr kann gezogen werden Opazität: 0,6, //Beim Ziehen beträgt die Transparenz 0,6 revert: true, //Beim Freigeben Animation hinzufügen update: function(event, ui) { //Nach dem Aktualisieren der Sortierung var categoryids = $(this).sortable("toArray"); var $dies = $(dies); } }); $(".sortable").disableSelection(); }); Oben sehen Sie die vom Editor eingeführte Sortierfunktion für HTML-Tabellen per Mausziehen. Ich hoffe, sie ist für alle hilfreich. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken! |
<<: Linux-Systemreparaturmodus (Einzelbenutzermodus)
>>: Umfassende Inventarisierung wichtiger Logdateien in MySQL
1. Grundlegende Verwendung von Firewalld Start-up...
Inhaltsverzeichnis 1. Abschluss 2. Szenarien für ...
Wenn die Wörter in der SQL-Anweisung mit den Schl...
1 Installation Laden Sie die entsprechende entpac...
1. Welche Zeilenformate gibt es? Sie können Ihre ...
1. Iframe-Definition und -Verwendung Das Iframe-E...
Originalcode: center.html : <!DOCTYPE html>...
Methode 1: Ändern Sie die Datei .bashrc oder .bas...
Miniprogramm Benutzerdefinierte Scroll-View-Bildl...
Dieser Artikel zeichnet das Installationstutorial...
Inhaltsverzeichnis 1. Erstellen Sie eine Tabelle ...
Vorwort: Die Artikelserie „Erste Schritte mit MyS...
Inhaltsverzeichnis 1. Funktionssignatur 2. Funkti...
In der Vergangenheit bedeutete das Erstellen eine...
1. Übersicht über Module und Anweisungen zur Begr...