問題可投放區域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> 

可以放下。

現在發生了什麼 拖放工作正常，當我拖動我的對象的圖像的左側，但不工作時，我拖動IMG和權利的IMG。

可以幫我嗎？

Answer 1

加上tollerance：「指針」

現在鼠標指針重疊droppable。並且您可以將任何可拖動區域中的對象放置到任何地方。

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