是否可以在另一个 div 下有一个 Jquery Draggable 对象答案

【问题标题】：Is it possible to have a Jquery Draggable object under an other div是否可以在另一个 div 下有一个 Jquery Draggable 对象
【发布时间】：2010-11-30 11:21:47
【问题描述】：

我正在尝试创建一个模板系统，然后将上传的 jpg 文件放在模板上。

测试示例：

http://www.silverink.com/TEMP/jqueryTest/

问题是我想在最顶层有一个蒙版，但能够单击并拖动较低的层。目前，我必须单击该区域以将其置于最前面，然后拖动或使其在最前面透明。

欢迎任何想法或建议！

【问题讨论】：

标签： jquery jquery-ui draggable

【解决方案1】：

其实有一个简单的方法：像往常一样为被遮挡元素创建可拖动对象，并在遮挡图像上添加 mousedown 事件处理程序，将事件委托给可拖动对象：

$('#occluder').mousedown(function(ev) {
    $('#draggable').trigger(ev);
});

【讨论】：

非常感谢，项目现已完成，但请记住这一点很好，其他解决方案是要实施的 PITA！
只是想说我现在已经在我的两个 div 的旧解决方案上实现了这个。很有魅力！

【解决方案2】：

已设法通过在最顶部创建一个图层来解决问题，该图层具有下层图像的确切位置和尺寸。然后使顶层可拖动并在拖动功能上更新图像层的位置。

【讨论】：

【解决方案3】：

您正在使用透明 png 文件进行褪色遮罩，因此我无法按照您的要求进行操作。即使png在中间是透明的，它仍然是图像的一部分，并阻挡了下面的图层。

但你可以将 png 分割成 4 个不同的文件，然后将它们放在 http://jsbin.com/etale4/2/edit 周围。

【讨论】：

谢谢，这是我想到的，理想情况下，我们只想使用单个 div 作为掩码，因为会有不同版本的手机等，但如果这是唯一的方法，那就是还是比创建 Flash 界面好。