render-refs-in-box
v1.0.0
Published
在一个容器中实现子元素的拖拽移动,并渲染参考线
Downloads
6
Readme
#render-refs-in-box
需要时写的、自用、有问题自己下载了改
在容器中渲染参考线
用法 import "render-refs-in-box"
renderRefsInBox({ el: "#root", children: "div", ghostClass: "ghost-box", spread: 10, handler: function (el, pos) { // console.log(pos); }, });
说明
- 如果在vue中,必须mounted中使用
- 依赖jQuery
- el是容器的selector,也就是父级元素
- children就是你想移动的子元素的selector
- ghostClass 会给当前移动的元素添加此类名
- spread,多少距离时吸附参考线
- handler是在移动时的回调,有两个参数,第一个是当前元素的原生对象,第二个是个对象 {x, y} 是当前元素的position坐标