手机版 | ------------全站资源有,统一解压码,解码平台,请点这里 ------------ 设首页 | 加收藏
当前位置: 网站首页 > jQuery库 > 文章 当前位置: jQ > 文章

jquery拖拽插件magnet.jsjQ 0 1 admin

时间:2020-06-24    点击: 次    来源:网络    作者:佚名 - 小 + 大

简要教程

magnet.js是一款jQuery拖拽插件。它可以是实现DOM元素的拖拽、分组拖拽、对齐等功能,非常强大。

使用方法

安装:

 npm install magnet --save                                 
import Magnet from '@lf2com/magnet.js';// Orconst Magnet = require('@lf2com/magnet.js');                                  

jQuery版本在HTML文件中引入。

  <script src="//code.jquery.com/jquery.min.js"></script><script src="jquery-magnet.min.js"></script>                   
初始化插件
let magnet = new Magnet();                         

添加拖拽元素。

<div class="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();                                  

限制元素在指定父元素中。

magnet.stayInParentEdge(true);                    

 magnet.js插件的github网址为:https://github.com/lf2com/magnet.js

本地下载

上一篇:强大的响应式窗口分割插件golden-layoutjQ

下一篇:基于bootstrap4的windows95/98主题样式jQ 0 1 admin

推荐阅读
浙ICP备14024822号  |   QQ:79720816  |  地址:蚂蚁分享-一个只做有用的分享。  |  电话:13388629007  |  
Copyright © 2020 天人文章管理系统 版权所有,授权www.antqq.com使用 Powered by 55TR.COM