Maison > Article > interface Web > Fonction de tri par glisser-déposer de la souris du tableau HTML
Cet article présente principalement des informations pertinentes sur la fonction de tri par glisser-déposer de la souris du tableau HTML. Les amis qui en ont besoin peuvent se référer au
Rendu :
<.>
1. Importer des fichiers
<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 .Attachez la classe triable à l'élément
<tbody class="sortable"> <tr></tr> <tr></tr> </tbody>
3. Ouvrez et configurez
$(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(); });Ce qui précède est la fonction de tri par glisser-déposer de la souris sur le tableau HTML introduite par l'éditeur. J'espère qu'elle vous sera utile. Si vous avez des questions, veuillez partir. moi un message. L'éditeur répondra à tout le monde rapidement. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois ! Pour plus d'articles liés à la fonction de tri par glisser-déposer de la souris dans les tableaux HTML, veuillez faire attention au site Web PHP chinois !