HTML5拖放拖放区舞蹈

Question

我正在做html拖放，在做的时候我遇到了一个问题，UI是舞蹈。我的代码很简单，而悬停在拖放选项我正在附加一个额外的虚线div，在悬停时我正在删除虚线div.在附加后附加时没有给出任何问题，但在附加之前，UI正在跳舞。我不应该使用jquery UI。

我发现了问题所在，在创建额外的div时，放置悬停已被移动，额外的div创建和删除循环。

有人能给出任何想法吗？

elem.addEventListener('dragover', this.handledragEnter.bind(this), false);
elem.addEventListener('dragleave', this.handleddragleave.bind(this), false);
handledragEnter:function(e){
if($('#dropZone').length == 0){
//if($(e.srcElement).is(':last-child')){
if($(e.srcElement).hasClass('assignedListItem')){
$(e.srcElement).before('<div id="dropZone" style="border:1px solid red;width:100px;border-style: dotted;height:30px;"></div>');
}
else{
$(e.srcElement).closest('.assignedListItem').before('<div id="dropZone" style="border:1px solid red;width:100px;border-style: dotted;height:30px;"></div>');
}
if($("#dropZone").next().hasClass( "styleDragBorder" )){
$("#dropZone").next().hide();
}
// }
}

},
handleddragleave:function(e){
$("#dropZone").next().show();
if($('#dropZone').length == 1){
$('#dropZone').remove();
}
},

Answer 1

我无法解决这个问题，所以我使用了html5Sortable。这很容易使用并解决舞蹈问题，并且只需要jquery。不是 jquery UI。