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. js schützt hasOwnProperty nicht vor unrechtmäß...
Inhaltsverzeichnis veranschaulichen 1. Blob-Objek...
Tomcat8-Image herunterladen [root@localhost ~]# D...
Inhaltsverzeichnis Vorwort InnoDB-Speicherarchite...
Inhaltsverzeichnis 1. Einleitung 2. Warum brauche...
1. Erstellen Sie eine Testtabelle CREATE TABLE `t...
Heute bin ich etwas verwirrt über <a href="...
Es besteht die Anforderung, den Schütteleffekt de...
Inhaltsverzeichnis Über Maxwell Konfiguration und...
Das Folgende ist mein Urteil basierend auf der Da...
<br />Die unzähligen Informationen im Intern...
Inhaltsverzeichnis Vorwort 1. Die übergeordnete K...
Mit den richtigen Einstellungen können Sie Linux-...
In diesem Artikel finden Sie das Installations-Tu...
Vorwort In einem üblichen Geschäftsszenario müsse...