使用jQuery拖动图层

Question

我的屏幕上有两个不同Z-index（1＆amp; 2）的图层（DIV）。 我希望能够使用jQuery拖动下层（z-index：1）。 我怎么做到这一点？如果要通过鼠标移动并点击下层？

Answer 1

您可以使用jQuery UI轻松将DIV设置为可拖动。只需致电

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

z-index将是您在CSS中为DIV提供的任何内容。确保在两个DIV上设置位置属性（绝对或相对，它并不重要）。如果要将拖动事件传递给底层，请捕获顶层的事件，然后使用.trigger（）将其传递，如下所示。

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

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