介绍
- Draggabilly 是一个很小的JavaScript库(也可以用Jquery调用),专注于拖放功能。
- 只需要简单的设置参数就可以在你的网站用添加拖放功能。
- 兼容 IE8+ 浏览器,支持多点触摸。可以灵活绑定事件,支持 RequireJS 以及 Bower 安装。
使用Draggabilly.js插件拖拽的时候禁止点击
解决方案:利用css的pointer-events:none,拖拽产生的时候用CSS禁止掉所有事件,然后调用;
设置css
.disabled {
pointer-events:none;
}
js
setDisableDraggable(){
draggable.on( 'dragStart', function( event, pointer ) {
$('#drag').addClass('disabled')
})
draggable.on( 'dragEnd', function( event, pointer ) {
$('#drag').removeClass('disabled')
})
}