JQuery-UI Append（）方法导致重叠

Question

我拖动元素并放入append() ..使用拖放 jquery-ui 。

当它下降时，使用$("#"+$(event.target).attr('id')+"").append(elementhtml); 方法将图像附加到容器。

$("#id_of_image").draggable({axis:'y'});

比我在容器中可拖动附加图像

append

假设第一张图片附加在地点A ,,。现在假设我已经拖入地方B。

现在，如果我再次拖放append另一张图片，那么显然insertAfter位于位置B ...但第一张图片已经存在（通过拖动）。这会导致重叠。有什么办法我只能在空位附加。

我也尝试了$(elementhtml).insertAfter($("#"+$(event.target).attr('id')) .children("div:last-child")); 方法，但它与append ,,

相同

append method

它不会检查DOM元素的实际位置。

我的意思是avoid overlapping会在检查空白位置和附加位置之后附加图像。或者在将其附加到空白空间后val conf = new SparkConf() .setAppName("Meisam") .setMaster("yarn-client") val sc = new SparkContext(conf) val sqlContext = new SQLContext(sc) val df = sqlContext.sql("SELECT * FROM myTable") ... 或者还有其他方法可以执行此操作。