Javascript 为什么第一个..可拖动类下降两次？

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

拖动后克隆：

<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>

这里有一个例子

$（函数（）{
$（'.draggable'）.draggable({
堆栈：“0”，
开始：功能（e、ui）{
log（“拖动开始”，ui.helper.attr（“类”）；
}
});
$（'.edit_draggable'）.draggable({
堆栈：“0”，
助手：“克隆”，
开始：功能（e、ui）{
log（“拖动开始”，ui.helper.attr（“类”）；
}
});
$（'.droppable'）.droppable({
接受：“ul[class*='draggable']”，
drop：函数（事件、用户界面）{
$（this.html（“”）；
var droppable=$（此）；
var draggable=ui.draggable；
console.log（“Drop”，draggable.attr（“class”）；
var c=draggable.clone（）.attr（“样式”和“”）.appendTo（可拖放）；
if（draggable.hasClass（“draggable”））{
draggable.remove（）；
}
$（this.find（“input”）.attr（“name”，“headercols[]）；
}
});
});
。左栏{
宽度：170px；
浮动：左；
}
.内联列表{
列表样式：无；
填充：0；
}
.列出内联输入{
边界半径：3px；
填充：6px；
}
.边界{
边框：1px实心#ccc；
边界半径：3px；
}
.dropable{
宽度：300px；
高度：120px；
利润率：20px；
左边距：225px；
填充：3倍；
}
.可拖动输入{
边框：1px纯蓝色；
}
.编辑可拖动的输入{
边框：1px纯红；
}









请包含所有相关的html，没有它，我们无法真正帮助您。@CarstenLøvboAndersen添加了html您的html有语法错误。您没有正确关闭所有属性。不清楚删除项目时希望发生什么。是否要克隆项目？还是移除？请编辑您的帖子，并包括所有潜在行动的预期结果。
<div class="wid30c1 border droppable draggablemain">                                    
 </div>