So implementieren Sie die Sortierung per Mausklick in HTML-Tabellen

Dieses Mal zeige ich Ihnen, wie Sie die Tabellen-Drag-and-Drop-Sortierung in HTML implementieren sehen. 1. Importieren Sie die Datei

<script src="js/jquery-1.10.1.min.js"></script> 
<link rel="stylesheet" href="Public/css/jquery-ui.min.css"> 
<script src="js/jquery-ui.min.js"></script>

2. Hängen Sie die
sortierte

fähige Klasse

3. Öffnen und konfigurieren

<tbody class="sortable"> 
   <tr></tr> 
   <tr></tr>  
</tbody>

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

$(function() { 
    $(".sortable").sortable({ 
        cursor: "move", 
        items: "tr", //只是tr可以拖动 
        opacity: 0.6, //拖动时，透明度为0.6 
        revert: true, //释放时，增加动画 
        update: function(event, ui) { //更新排序之后 
            var categoryids = $(this).sortable("toArray"); 
            var $this = $(this); 
        } 
    }); 
    $(".sortable").disableSelection(); 
});

So verwenden Sie das img-Tag von HTML-Bildern

Wie lauten Name, ID und Klasse? in HTML? Was ist der Unterschied?

Wie verwende ich HTML+CSS, um die sekundäre Menüleiste anzuzeigen, indem ich mit der Maus darüber streiche?

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Sortierung per Mausklick in HTML-Tabellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!