在droppable area jquery ui中的问题

Question

这是我的可放弃的div

<div style="position: relative;" class="f_img ui-draggable ui-droppable" id="f_img1" data-type="swap" data-is-empty="yes"> 
<img src="http://localhost/Gaelsoft//assets/images/tshirt.png" style="cursor:pointer;">
</div>

这看起来像

div有红色边框，使用img标签插入图像。

<div class="f_img"></div>

可以放弃。

现在发生了什么 当我将对象拖到图像的左侧时，drop工作正常，但是当我将img和img拖动到img时不起作用。

任何人都可以帮助我吗？

Answer 1

添加tollerance：＆＃34;指针＆＃34;

现在鼠标指针与droppable重叠。并且你可以将你的物体放在可拖动区域的任何地方。

$( ".selector" ).droppable({
  tolerance: "fit"
});