是否有可能在另一个div下有一个Jquery Draggable对象

Question

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

测试例如：

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

的问题是，我想有最顶层上的面具，但可以单击并拖动下层。目前，我不得不点击该区域以将其展现出来，然后拖动或使其处于透明状态。

任何想法或建议最受欢迎！

Answer 1

其实是有一个简单的方法：创建可拖动像往常一样为闭塞元素，闭塞图像上添加mouseDown事件处理委派事件可拖动：

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

Answer 2

你正在使用一个透明的PNG文件褪色屏蔽，所以我不可能做你想做的。即使png在中间仍然是透明的，它仍然是图像的一部分，并且会阻挡下面的图层。

但你可能会下调，巴到4个不同的文件，并把它们解决此http://jsbin.com/etale4/2/edit

Answer 3

设法通过建立在最高层与图像的下层的精确位置和尺寸的层来解决。然后使顶层可拖动，并在拖动功能上更新图像层的位置。