<style> .tuozhuaitr{ cursor: pointer; } </style> <table width="100%" class="m-table" id="sort"> <tbody> <tr class="tuozhuaitr" οnmοusedοwn="pressdown(id ,event);"> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr class="tuozhuaitr" οnmοusedοwn="pressdown(id ,event);"> <td>2</td> <td>2</td> <td>2</td> <td>2</td> </tr> </tbody> </table> <script> $(document).ready(function () { var fixHelperModified = function (e, tr) { var $originals = tr.children(); var $helper = tr.clone(); $helper.children().each(function (index) { $(this).width($originals.eq(index).width()) }); return $helper; }, updateIndex = function (e, ui) { $('td.index', ui.item.parent()).each(function (i) { $(this).html(i + 1); }); }; $("#sort tbody").sortable({ helper: fixHelperModified, stop: updateIndex }).disableSelection(); });
整理一份拖拽排序自动保存的代码,后台是php
最新推荐文章于 2021-04-15 03:02:40 发布