jQuery ui 拖放函数

本文介绍了使用obj.draggable方法实现不同拖拽效果的多种配置选项,包括限制拖拽距离、延迟启动拖拽、禁用文本选择、捕捉元素、使容器可滚动及拖拽后还原位置等,帮助开发者灵活运用拖拽功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.obj.draggable({distance:20})//指定仅当距离移动超过20像素后才开始进行拖动
2.obj.draggable({delay:1000})//仅当鼠标拉动了1000毫秒以后才开始进行拖放
3.obj.disableSelection()//在拖动时使其文字不能被选择
4.obj.draggable({snap:true});//在拖拽时,捕捉所有元素
5.obj.draggable({scroll:true,scrollSensitivity:100});//设置拖拽时,div容器可滚动,防止用户拖拽到不可见位置导致控件丢失
scrollSpeed:100设置滚动速度
6.(“#draggable”).draggable({revert:true});//进行拖拽反转(“#draggable2”).draggable({revert:true,helper:”clone”});//反转拖拽,以复制的方式拖拽
反转拖曳:当将元素拖曳到某一位置松开鼠标时,并不会将元素放到目标位置,
而是恢复到原来的位置上;复制方式是复制了一份进行拖曳,松开鼠标回到原来的位置上

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值