是否有可能在另一個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

設法通過建立在最高層與圖像的下層的精確位置和尺寸的層來解決。然後使頂層可拖動，並在拖動功能上更新圖像層的位置。