jQuery拖拽插件blockDrag.js

所属分类:输入-拖和放

 40707  344  查看评论 (4)
分享到微信朋友圈
X
jQuery拖拽插件blockDrag.js ie兼容6

1. 引入jquery

2. 引入blockDrag.js

3. 创建对象实例:new blockDrag({});

4. 对象可传参数如下:

boxNode:"#box", //拖拽区域盒子结点,传ID,默认为#box 
dragNode:"#drag",//拖拽结点,传ID,默认为#drag 
blockW:150,   //拖拽结点的宽度,单位为像素,默认为150  
blockH:100,    //拖拽结点的高度,单位为像素,默认为100 
block:"(5,5)",    //栅格的排数和列数(排数,列数),默认为(5,5) 
startPos:"(1,1)"   //拖拽结点的起始位置,例如(3,5)为第三排第五列,默认为(1,1)
相关插件-拖和放

拖动滑块验证

拖动滑块进行验证
  拖和放
 65154  493

htmlt拖放

html5拖放排序
  拖和放
 28673  317

jquery div拖拽换位合并拆分(原创)

拖动div块,两个div距离足够近时合并,远一点时换位。右键点击已合并的div,可显示可选择拆分数组,点击要拆分的数据,即可拆分。再次右击已合并的div即可收起可选择的拆分数据组
  拖和放
 19591  225

基于H5的拖拽功能

基于H5的拖拽功能,再用jQuery进行了功能完善,拖动后根据放置的位置来布局。
  拖和放
 42155  359

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    湮雨醉丶红颜 0
    2019/12/3 10:55:50
    这种能不能实现动态添加拖拽元素? 回复
    囡囡的长腿大叔?? 0
    2018/5/21 10:23:45
    只能有一个拖拽元素嘛 求告知
    回复
    As 0
    2018/3/20 14:14:12
    var demo=new blockDrag({block:"(9,9)"}); 超过十自动取了1 回复
    奥利奥弗 0
    2017/10/24 10:05:14

    只支持一个拖拽元素的拖拽啊?

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复