javascript - 从 JQUERY-UI Sortable 中删除 "Dragging"图形

Question

我有一个表，在其中使用 Jquery UI 可排序。

我正在使用占位符，它是正在移动的项目的克隆。

 $("#sortable tbody").sortable({
     items: 'tr[id!=noSort]', start: function (event, ui) {
                clone = $(ui.item[0].outerHTML).clone();
             },
             placeholder: {
                 element: function (clone, ui) {
                     return $('<tr class="OddTableRow move"">' + clone[0].innerHTML + '</tr>');
                 },
                 update: function () {
                     return;
                 }
             }
        });

这工作得很好，但是，我只想看到占位符在表格中上下移动，而不是表格行随着鼠标在屏幕上移动。有人尝试过这样做吗？有什么指点吗？

Answer 1

只需将 cursor 选项与其余代码一起使用，并将其设置为 none

会为你构建一个 fiddle ，但你没有提供 html

 $("#sortable tbody").sortable({
     cursor: "none",
     items: 'tr[id!=noSort]', start: function (event, ui) {
                clone = $(ui.item[0].outerHTML).clone();
             },
     placeholder: {
                 element: function (clone, ui) {
                     return $('<tr class="OddTableRow move"">' + clone[0].innerHTML + '</tr>');
                 },
                 update: function () {
                     return;
                 }
     }

  });