z index-使用jQuery拖动图层

Question

我的屏幕上有两个具有不同Z索引（1&2）的层（div）。我希望能够使用jQuery拖动较低的层（z索引为1的层）。我该如何做到这一点？如何将鼠标移动和单击传递到下层？

Answer 1

您可以使用jQuery UI轻松地将div设置为可拖动。只需调用

$("#mydiv").draggable();

z索引将是你在CSS中给DIV的任何内容。确保在两个DIV上都设置了位置属性（无论是绝对的还是相对的，这都无关紧要）。如果要将拖动事件传递到底层，请捕获顶层的事件，然后使用.triger（）传递，如下所示。

$("#top").mousedown(function(event){
    $("#bottom").trigger(event);
});

您可能还应该添加一些代码来检查，在顶层的mousedown上，鼠标实际上在下层之上。