使用方法
安装：
npminstallmagnet--save
importMagnetfrom'@lf2com/magnet.js';
//Or
constMagnet=require('@lf2com/magnet.js');
jQuery版本在HTML文件中引入。
<scriptsrc="//code.jquery.com/jquery.min.js"></script>
<scriptsrc="jquery-magnet.min.js"></script>
初始化插件
letmagnet=newMagnet();
添加拖拽元素。
<divclass="magnet">
...
</div>
magnet.add(document.querySelectorAll('.magnet'));
设置元素吸附距离。
magnet.distance(30);
magnet.distance(30);//get
是否允许元素对齐。
magnet.enabledAlignOuter(true);
magnet.enabledAlignInner(true);
magnet.enabledAlignCenter(true);
magnet.enabledAlignParentCenter(false);
magnet.enabledAlignOuter();
限制元素在指定父元素中。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery