Javascript 使用拖放和jQuery检测位置？

我需要知道如何检测拖动的项目相对于其他div的位置。我需要检测一个项目是否落在两个不同的div之外。我正在构建一个mac dock类型的起始页，我需要知道如何做到这一点，这样我就可以通过将图标拖离栏来删除图标

---

任何帮助都将不胜感激。

您可以从jquery ui使用和的组合。将工具栏设置为可拖放，图标设置为可拖动，如下所示：

var deleteClass = 'deleteMe';

$('div.toolbar').droppable({
    out:function(event, ui){
        ui.draggable.addClass(deleteClass);
    },
    over:function(event,ui){
        ui.draggable.removeClass(deleteClass);
    }
});​​​​​​​​​​​​​​​​​​​​

$('div.icon').draggable({
    helper:'clone',
    revert:'valid',
    opacity:.5,
    stop: function(event,ui){
        if($(this).hasClass('deleteMe')){$(this).fadeOut();}
    }    
});

---

基本上，工作是在活动中进行的。可拖放工具栏的Out和over事件在图标上添加和删除一个类，我们可以使用该类作为标志，以了解图标何时不在工具栏上。可拖动图标上的stop事件允许我们删除不在工具栏上的图标。你可以试一下。我相信同样的事情也可以通过jquery ui小部件来完成，这样你也可以让你的用户根据需要重新排列图标。

你喜欢这样吗？是的。这就是我的意思，我只是想知道如何检测拖动的项目是否在两个不同div中的一个内。