jquery - 在可排序的 jQuery UI 中的 dropzone 上拖动时停止插入元素

Question

我有两个关于 jQuery UI 可排序的问题（两个表和 td 中的一个 div 在表之间移动）

1）我想在拖放区上拖动时阻止插入空格。我尝试了以下但它不起作用（我还需要突出显示放置区域）：

$(".numdrag, .numdrop").sortable({
  placeholder: 'drophighlight',
  connectWith: ".numdrop",
  receive: function (event, ui) {
    if ($(this).find('.numdrag').size() == 2) {
      $(ui.sender).sortable('cancel');
    }
  },
  over: function (event, ui) {
    event.preventDefault();
  }
});

2）我想用拖动的数据替换dropzone中的数据。