2010-03-22 28 views
1

我正在使用jQuery來檢測目標上的下降,目標是目標圖像。如果我將一個圖像拖放到另一個圖像上,然後放下它,它應該用丟棄的源代替目標源。這工作正常,直到兩個圖像相互依存。jQuery,在重疊目標上放置圖像

某些圖像彼此相鄰,某些時候目標圖像重疊。如果我放下,則可見圖像和下面的圖像將被拖動的圖像替換。

$("#drag img").draggable({ 
    drag: function(event) { //somethings } 
}); 

$("#target img").droppable({ 
    accept: '#drag img', 
    drop: function() {//change src } 
}); 

實況 exampel < -Removed,試圖將影像向右拖動圖像

我希望這些問題是明確的,他們是什麼好的解決辦法。

回答

-1

我設法解決它對我的問題更具體一點。不那麼好,但它的作品,我用下劃線div來檢測下降這樣的:

$("#target").droppable({ 
    accept: '#drag img', 
    drop: function() {//change src of image in this div } 
}); 

我不認爲這將有助於任何人,但本身@tvanfosson對於其他的解決辦法回覆

1

使用stopImmediatePropagation可以防止在下一個圖像上調用事件處理函數。哪些圖像受到影響應該由事件處理程序的順序決定。如果您只需要將其應用於頂部圖像,請確保與其他圖像重疊的圖像首先應用處理程序。

+0

謝謝,現在我知道該尋找什麼,可悲的是,我對這個新手很抱歉,所以我不知道如何確保首先應用處理程序。你能否指點我正確的方向 – Cinaird 2010-03-22 13:24:10

+0

@Cinaird - 不知道項目如何放置在頁面上,以及如何讓它們重疊。它可以像向上面的圖像應用一個類一樣簡單,然後首先將處理程序應用於具有該類的圖像,然後將處理程序應用於沒有它的圖像。 – tvanfosson 2010-03-22 14:00:38

+0

我在這裏有一個生動的例子http://web.cinaird.se/pdf/test.htm,我在每個圖像上都有相同的類,有什麼方法可以知道哪個圖像可見? – Cinaird 2010-03-22 14:16:29