Javascript 使用jQuery Ui对资源进行排序会带来不必要的副作用（fullcalendar）

我成功地使用jQueryUI1.12.1的

sortable

widget（）使fullcalendar调度器的资源可以手动排序。然而，也有一些严重的副作用：

1.）调整事件大小功能工作，但事件区域的网格在视觉上扭曲

2.）在x轴上拖动事件可以工作，但在y轴上不能将事件拖动到其他资源

3.）拖动时，相邻事件会粘在一起

4.）选择单元格有效，但事件区域栅格的y线消失

5.）在事件区域的任何位置按住鼠标按钮都会使事件区域网格的y线消失

工作示例和JS代码：

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');
  var calendar = new FullCalendar.Calendar(calendarEl, {
      initialView: 'resourceTimelineDay',
      editable: true,
      selectable: true,
      resources: 'https://fullcalendar.io/demo-resources.json',
      events: 'https://fullcalendar.io/demo-events.json?single-day&for-resource-timeline',
    })
    calendar.render()
    $(function(){
      $("table tbody").sortable({

      }).disableSelection() 
    });
});

可能标签

table tbody

不正确，或者我是否必须以某种方式将事件区域与

sortable

功能隔离？还是有更好的方法来对资源进行分类