为什么第一个..draggable类下降两次？

Question

我有两个容器的左侧，右侧，我从左侧拖动元素并放在右侧，左侧容器有两种类型，一种是在拖动后克隆，另一种是删除，所以我放置了两个拖放，第一个是下降两次。

拖动后克隆：

<ul class='list-inline edit_audit_container edit_draggable elementUl>
<li class='item'>
<input type='text' readonly>
</li>
</ul>

拖动后将其删除：

<ul class='list-inline audit_container draggable elementUl>
<li class='item'>
<input type='text' readonly>
</li>
</ul>

在此容器中拖动

<div class="wid30c1 border droppable draggablemain">                                    
 </div>

图像链接：https://prnt.sc/q3skww

$(function () {
   $('.draggable').draggable({
revert: "invalid",
stack: "0",
helper: 'clone'
});
   // above codes drops twice

$('.edit_draggable').draggable({
revert: "true",
stack: "0"
});
$('.droppable').droppable({
accept: ".draggable,.edit_draggable",
drop: function (event, ui) {
	$(this).find("input").remove();
    var droppable = $(this);
    var draggable = ui.draggable;
    draggable.clone().appendTo(droppable);
   $(this).find("input").attr("name", "headercols[]");  
}
});
});

Answer 1

这里是一个例子。