概述
完成的效果是,父元素内的单个元素item可以通过拖拽定位。在线地址
ps:目前效果是拖拽目标以及定位目标互换位置,后面一点会做拖拽目标添加到定位目标之前,定位目标之后的元素一次向下移动
实现思路
实现思路是每一个li标签都是一个可以成为拖拽目标的元素,也就是我会触发每一个li标签的dragover以及drop事件,而拖拽的内容我会放到li标签的子元素中,这里我用的a标签。通过dragstart事件setData我需要的属性,也就是拖动目标的index,这里我使用了jq的index(),获得拖动a标签的父元素li在整个ul中的index。然后在drop事件中使用getData获得index,进行后续操作。