jQuery自定义拖拽插件

所属分类:输入-拖和放

 9726  99  查看评论 (0)
分享到微信朋友圈
X
jQuery自定义拖拽插件 ie兼容12

更新时间:2020-09-14 23:37:54

使用方法

拖拽元素调用hjDrag方法,参数为一个对象 例如:      

$("#box3").hjDrag({
    titleSelector: "h3",
    left: 0,
    up: 0,
    right: 800,
    down: 400
})

titleSelector是标题元素的选择器,如果传了,就是只有鼠标点击到标题元素才能拖动,点击其他地方不能拖动;不传就是鼠标无论点击元素哪个地方都能拖动。

后四个参数是拖拽的范围,不传就是不限定范围的拖拽。

相关插件-拖和放

Sortable – 简单灵活的 JavaScript 拖放排序插件

Sortable 简单灵活的 JavaScript 拖放排序插件
  拖和放
 103531  445

基于H5的拖拽功能

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

拖动排序插件

实现在两个div中,互相自由的拖动,并且排序
  拖和放
 51708  484

jQuery移动端手势滑动切换(原创)

仿探探应用首页,原生图片切换(个人原创)移动端
  拖和放
 31477  334

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

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