从 JQUERY-UI 可排序中删除“拖动”图形

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

会给你一个小提琴，但你没有提供 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;
                 }
     }

  });