jQuery自定义拖拽插件

所属分类:输入-拖和放

 9995  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是标题元素的选择器,如果传了,就是只有鼠标点击到标题元素才能拖动,点击其他地方不能拖动;不传就是鼠标无论点击元素哪个地方都能拖动。

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

相关插件-拖和放

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

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

基于H5的拖拽功能

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

页面多板块拖动,调整边缘,吸附效果(原创)

接到一个需求:楼宇房间的简单布局:点击左侧房屋号码,到右面出现以后可以各种调整。
  拖和放
 32409  359

jQuery多容器之间拖曳

除了有一般拖曳的功能,还可以在不同容器之间拖曳。
  拖和放
 34394  424

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

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