介紹
- Draggabilly 是一個很小的JavaScript庫(也可以用Jquery調(diào)用)讯私,專注于拖放功能蠢沿。
- 只需要簡單的設(shè)置參數(shù)就可以在你的網(wǎng)站用添加拖放功能稼跳。
- 兼容 IE8+ 瀏覽器骤星,支持多點(diǎn)觸摸〈浯ⅲ可以靈活綁定事件绘雁,支持 RequireJS 以及 Bower 安裝。
使用Draggabilly.js插件拖拽的時候禁止點(diǎn)擊
解決方案:利用css的pointer-events:none援所,拖拽產(chǎn)生的時候用CSS禁止掉所有事件庐舟,然后調(diào)用;
設(shè)置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')
})
}