关于编程练习

请问如何实现把最后一个元素拖放到第一位时其余元素全部后退一位的功能呢？

leung丶beyond 2017-10-02

收起

2回答

hood 2018-03-06 22:23:20

可以用insertBefore() 这个方法

liList[i].addEventListener("drop", function (e) {
    e.preventDefault();
    if (this !== dragSelf) {
      let parent = this.parentNode;
      parent.insertBefore(dragSelf, this);
    }
  });

收起回答

好帮手慕糖 2017-10-04 17:52:26

你好，关于这道题，总结了一下思路，即:

首先获取到id card

然后获取到每一个li

设置for循环，在循环中给li设置ondragstart事件

然后设置ondragover事件，返回值设置为return false;

最后设置ondrop事件

以上是该题的实现思路！若还不能解决，建议：可将你的代码粘贴过来。

祝学习愉快~

收起回答

提问者 leung丶beyond #1

这是代码，麻烦了 (function($){ var dragSrc; $("#card").find(".li").each(function(index,ele){ $(ele).on("dragstart",function(e){ dragSrc=this; e.originalEvent.dataTransfer.setData("text/html",this.innerHTML); e.originalEvent.dataTransfer.setDragImage($("#image").clone().removeClass("hide")[0],0,0); }).on("dragover",function(e){ e.preventDefault(); }).on("drop",function(e){ if(dragSrc!=this){ dragSrc.innerHTML=this.innerHTML; this.innerHTML= e.originalEvent.dataTransfer.getData("text/html",this.innerHTML); } }); })

2017-10-06 09:39:38