jquery - 並べ替え可能なjQueryUIのドロップゾーン上にドラッグして要素の挿入を停止します

Question

ソート可能なjQueryUIに関して2つの質問があります（2つのテーブルとテーブル間を移動する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）ドロップゾーンのデータをドラッグされたデータに置き換えたい。