Question

我正在做html拖放操作，同时遇到一个问题，UI是舞蹈。我的代码很简单，当悬停拖放选项时，我要追加一个额外的虚线div；悬停时，我要删除虚线的div。在追加之后没有给出任何问题，但是在追加之前，UI在跳舞。 我不应该使用jquery用户界面。

我发现了问题，在创建额外的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。

html5拖放dropzone舞蹈

1 个答案: