防止可拖动对象被添加多次jQuery

prevent draggable objects are added several times jQuery

本文关键字：添加 jQuery 对象 拖动      更新时间：2023-09-26

我不知道如何防止在一个拖动事件中多次添加可拖动对象。我举了一个小例子，你可以提出这个问题。

https://jsfiddle.net/richiwarmen/afqu96v3/1/

$( ".draggableEl" ).droppable({
      accept: ".dropme",
      drop: function( event, ui ) {
        $(this).append(ui.draggable.clone().css("left","0px"));
      }});
$( ".draggableEl" ).draggable();
$( ".dropme" ).draggable({
     revert: 'invalid', 
     helper: "clone" ,
});

拖动绿色块左上角的紫色块。

您有多个可丢弃的兄弟div。当你落在其中一个上时，它下面的也会激活。

如果使它们嵌套，则可以使用greedy: true选项。但在这种情况下，由于你的div都是兄弟姐妹，你真的不能做太多

演示-https://jsfiddle.net/Patosai/afqu96v3/2/

请参阅此处-Jquery dropable-Greedy未按预期工作。

我想您只想删除单词clone:

$( ".draggableEl" ).droppable({
      accept: ".dropme",
      drop: function( event, ui ) {
        $(this).append(ui.draggable.css("left","0px"));
      }});
$( ".draggableEl" ).draggable();
$( ".dropme" ).draggable({
     revert: 'invalid',
});
相关文章：