jquery - jQuery UI：Droppable-モードトレランス「タッチ」の使用中に2つのブロックを強調表示するホバークラス

Question

ホバークラスを使用してドロップ可能領域を強調表示しようとすると、許容範囲モードが「TOUCH」になり、2つのドロップ可能領域が強調表示されます。（スクリーンショットの下のように）

これを解決する方法.. ここに私のフィドル

Answer 1

質問を明確にした後でも、 の余白を削除する必要があると思いますdraggable。

#draggable {
  width: 90px;
  height: 90px;
  padding: 0.5em;
  float: left;
  margin: 10px 10px 10px 0; /* remove this line */
}

draggable、を含む要素が要素marginよりも大きいように見えるため、要素がまだ上部に触れていないように見えますがdroppable、ステータスが設定されます。droppeddroppable

更新されたサンプルを確認してください。