jQuery UI：Droppable - 悬停类突出显示两个块，同时使用模式Tolerance“touch”

Question

我遇到的问题是我尝试使用悬停类高亮显示可放置区域，公差模式为“TOUCH”，其高亮显示两个可放置的区域..（如下面的屏幕截图）

如何解决此问题.. here my fiddle

Answer 1

在澄清你的问题后，我仍然认为你必须删除draggable上的保证金。

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

似乎包含draggable的{​​{1}}元素大于margin元素，因此droppable状态已设置，但元素似乎没有触及上层dropped。

请查看updated sample。