jQuery UI的：拖放 - 鼠標選擇不正確

Question

我工作的拖放導航設置爲我的客戶。

我有拖放工作（以基本形式），但是當你在一個列表項單擊要拖動的實際可投放箱，雖然在不同的位置來了。

這是一個困難一個沒有顯示你的東西，所以我把它在線這裏要說明一下：http://jsfiddle.net/elogicmedia/nVPYQ/7/

爲李家CSS和一個tags

li { 
color: black; 
list-style: none; 
padding: 1em 1em; 
} 
a { 
position: absolute; 
text-decoration: none; 
border: 0px solid black; 
width:98px; 
height:98px; 
border-radius:50%; 
line-height:1.5em; 
text-align:center; 
    font-family: helvetica, arial; 
    background-color: #C0D9D9; 
} 

JS拖動和投擲的CODE

// let the gallery items be draggable 
$("li").draggable({ 
    revert: "invalid", // when not dropped, the item will revert back to its initial position 
    containment: "document", 
    helper: "clone", 
    cursor: "move" 
}); 

// let the trash be droppable, accepting the gallery items 
$("#droparea").droppable({ 
    accept: "ul.gallery > li", 
    activeClass: "ui-state-highlight", 
    drop: function(event, ui) { 
     alert('dropped'); 
    //deleteImage(ui.draggable); 
    } 
}); 

還要注意邊界到小提琴的權利，東西definaly不對任何存在。他們不應該在那裏，只有圈子。從我下面的jsfiddle設置截圖。

三江源

Answer 1

我結束了工作這一點我自己。

工作的結果是在這裏：

http://jsfiddle.net/elogicmedia/nVPYQ/12/

我試圖砸LI標籤，但在A標籤是圓的框右邊是李的標籤。

新的拖放代碼

// let the gallery items be draggable 
$("ul.gallery > li a").draggable({ 
    revert: "invalid", // when not dropped, the item will revert back to its initial position 
    containment: "document", 
    helper: "clone", 
    cursor: "move" 
}); 

// let the trash be droppable, accepting the gallery items 
$("#droparea").droppable({ 
    accept: "ul.gallery > li a", 
    activeClass: "ui-state-highlight", 
    drop: function(event, ui) { 
     alert('dropped'); 
    //deleteImage(ui.draggable); 
    } 
});