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

Question

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

所以我需要做类似的事情

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

有任何想法吗？

score 1 · Accepted Answer

透明面罩有原因吗？如果没有，以下可能有效：

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

score 0 · Accepted Answer

对我来说，乔纳森的回答解决了这个问题

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

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

2 回答 2