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
XPath ist eine Sprache zum Auswählen von Teilen v...
Überblick: Das Dateisystemmodul ist ein einfacher...
CSS-Probleme mit dem Hintergrundverlauf und dem a...
Designer verfügen über eine eigene Schriftartenbi...
Vorwort Bei einem seit 4 Jahren laufenden Java EE...
Das Plugin wird im Firefox-Browser installiert. D...
Inhaltsverzeichnis Vue-Router 1. Verstehen Sie da...
Ich bin vor ein paar Tagen mit dem Bus zur Arbeit...
Wirkung: CSS: .s_Typ { Rand: keiner; Rahmenradius...
Unter Linux treten häufig Situationen auf, in den...
Vor einiger Zeit gab es auf TikTok eine Schüttela...
Der Installationsprozess entfällt (ich habe es di...
Inhaltsverzeichnis 1. Projektordnerstruktur 1. As...
Das Internet ist bereits voll von Artikeln dieser...
1. MySQL herunterladen 1. Melden Sie sich auf der...