jquery在掩码下可拖动，用于多个元素

Question

http://jsfiddle.net/QdbNe/1/

您可以查看我尝试的样本。基本上，我需要能够在半透明蒙版内拖动三个彩色方块，具体取决于用户点击哪一个。但问题是我如何确定用户点击了哪个孩子？因为，click事件实际上发生在蒙版上，而不是孩子身上。

所以我需要做一些像

这样的事情

$("#mask").mousedown(function(e){
        var currentChild = //Somehow fetch the current child
        currentChild.trigger(e);
    });

有什么想法吗？

Answer 1

透明面膜有原因吗？如果没有，以下方法可行：

$("#child1, #child2, #child3").draggable({
    stop:function(e,ui){
        alert(e.target.id);
    }
});

更新了小提琴 http://jsfiddle.net/QdbNe/1/

Answer 2

对我来说，Jonathan的答案用

解决了这个问题

$("#mask").mousedown(function(e){
        $("#child1").trigger(e);
    });

所以我的元素在视觉上部分隐藏，但我可以移动它。