JQuery用戶界面刪除禁用所選元素

Question

我想補充的圈子下降的限制，我寫了一個scrit用於拖動圈

問題是用戶可以在另一個圈子下降圈，我不想讓它， 只需要恢復，如果用戶在另一個圓上拖放圓圈。

我爲此寫了一些代碼。但這不適合我，它總是回覆掉落的圈子。 這裏是我的榜樣網址

http://webxtreams.net/demoprofiles004/circledragger.html

這裏是js代碼我火運行的BUG

$(".circle").draggable({ 
    revert: 'invalid' 
}); 

$(".circle").droppable({ 
    accept: function(el) {   
     return el.hasClass('.circle'); 
    } 
}); 

請幫我做到這一點。

還有一個小問題 - 我們可以跟蹤此事件的回覆，我需要重新噴塗線恢復圓:)

Answer 1

時爲了可拖動的元素必須認識到他們正在互相下降，您將需要實施某種形式的碰撞檢測。網上有很多資源可以解釋碰撞檢測的基本概念，如果你想實現你自己的解決方案，或者你可以使用已經實現它的庫。

這裏是jQuery的一個開源庫，它使用碰撞檢測： http://sourceforge.net/projects/jquidragcollide/