可放置区域 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 时，它不起作用。

谁能帮帮我？？

Answer 1

添加公差：“指针”

现在鼠标指针与 droppable 重叠。并且您将能够将对象拖放到可拖动区域的任何位置。

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