2013-09-24 68 views
4

我面臨着幾乎相同,這個線程問題元素:知道你在拖動時

jQuery droppable - receiving events during drag over (not just on initial drag over)

唯一的區別就是我需要知道我是在元素,它不是一個「droppable」元素。這只是我內心的一個元素。所以如果我有一個父DIV(這是可投入的),有3個子DIV,而我拖動我的項目通過3個子DIV,我想知道是否,當放棄時,應該刪除該項目高於或低於其中一個子元素。

存在與上述文章中相同的問題(mouseover等,事件不會觸發可丟棄div的子元素)。

想法?

+0

這只是一個UI功能?它是否放在正確的位置,但拖動時沒有獲得想要的樣式? –

+0

請參閱:http://stackoverflow.com/questions/8810378/javascript-elementfrompoint-select-bottom-element –

+0

是的,我知道我可以轉換non-droppables droppables和使用上面的鏈接中的方法,但我'米試圖解決這個問題,但不這樣做。謝謝! – retsvek

回答

0

你可以讓鼠標X & Y座標或物品的掉落時的偏移X &Ÿ - 再加上它的高度&寬度等,讓你可以計算出物體的邊界,並得到一個準確的下降位置。

$(this).offset().top/$(this).offset().left 

$(document).mousemove(function(event) { 
    currentMousePos.x = event..pageX; 
    currentMousePos.y = event.pageY; 
}); 

然後遍歷坐在下面的對象,並將它們的座標/邊界與對象進行比較。如果不是一個簡單的電話,你可以有一些邏輯,如果更多比以下等等。

相關問題