文章/答案/技术大牛

发布

社区首页 >问答首页 >使用jQuery拖动层

问使用jQuery拖动层
EN

Stack Overflow用户

提问于 2011-06-28 06:34:37

回答 1查看 1.3K关注 0票数 2

我的屏幕上有两个不同Z索引(1和2)的层(DIVs)。我希望能够使用jQuery拖动下层(具有z索引:1的那一层)。我该如何做到这一点？HOw把鼠标的移动和点击传到下层？

回答已采纳

发布于 2011-06-28 09:05:05

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

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

Z索引将是您在CSS中为DIV提供的任何内容。确保在两个DIV上都设置了位置属性(无论是绝对还是相对，都无关紧要)。如果要将拖动事件传递到底层，请捕获顶层的事件，然后使用.trigger()传递该事件，如下所示。

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

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

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6499739

复制

相似问题

问使用jQuery拖动层EN