1

我正在使用 jQuery 来检测目标上的下降，有问题的目标是图像。如果我将一个图像拖放到另一个图像上，然后将其拖放，它将用拖放的源替换目标源。这可以正常工作，直到两个图像相互重叠。

一些图像彼此相邻，有时目标图像重叠。如果我放下，可见图像和下方的图像都将替换为拖动的图像。

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

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

现场示例<-已移除，尝试将图像拖动到右侧图像

我希望问题很清楚，他们是任何好的解决方案。

4

2 回答 2

1

使用stopImmediatePropagation防止事件处理程序在下一个图像上被调用。受影响的图像应由事件处理程序的顺序确定。如果您需要它仅应用于顶部图像，请确保任何与另一个图像重叠的图像都首先应用它的处理程序。

于 2010-03-22T11:45:27.017 回答
-1

我设法针对我的问题更具体地解决它。不太好，但它有效，我使用下划线 div 来检测下降，如下所示：

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

我认为这对任何人都没有帮助，但请 @tvanfosson 回复其他解决方案

于 2010-03-22T19:09:14.553 回答