jQuery UI调用draggable之后无法拖拽的解决办法

最近在使用jQuery UI的时候发现一个问题,在调用draggable之后仍然无法实现拖拽,不起作用。纠结了很久之后终于解决了,在这里把解决办法分享给大家。

调用draggable的时候需要注意以下几个问题:

1.如果通过选择器调用draggable方法,应先确定该元素是否已经添加到DOM中;如果没有的话,可以直接用该元素的jQuery指针进行操作

2.确保在元素内部不存在input,textarea,button,select,option等元素,因为这些元素也会响应用户操作,会拦截拖动事件;如果存在的话,可以在调用draggable的时候设置:

$( ".selector" ).draggable({ cancel: ".title" });

希望可以帮到大家:)

转载请注明出处,谢谢!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值