jQuery UI:Safari中的Droppable(’drop’事件,容忍:触摸)错误(mac)

我无法解决以下问题:

下面的代码适用于mac和windows的所有浏览器,除了它在macs safari(5.1.5)上部分工作

注意:它适用于Windows Safari(5.1.5)。

这是基本结构

在此处输入图像描述

$(".div2" ).droppable({ accept: '.div1', tolerance: 'touch', drop: function(){ alert('dropped'); } }); 

所以,基本上当div1接触div2时 ,应该触发drop事件。

在此处输入图像描述

但上述情况并未触发掉线事件。

在macs safari中触发drop事件的唯一情况(如下所示)是可拖动div div1完全通过droppable div div2 。 我只是不知道为什么?

在此处输入图像描述

使用的版本:

 jQuery: 1.7.2 jQuery UI: 1.8.18 Safari(mac): 5.1.5 

更新:

我尝试了其他的宽容选择。 “ 触摸 ”和“ 交叉 ”都不能按预期工作。 但’ 指针 ‘完全正常。

有没有其他方法可以实现’公差:触摸’的function? 我正在考虑检测2个div之间的冲突然后应用相应的逻辑。

任何帮助将不胜感激。

谢谢!

尝试添加position: absolute !important; 对元素。 这是我发现这个问题的解决方案。 否则,您可以尝试为draggable / droppable div创建父div。