jQuery UI draggable兼容移动端

Posted 初辰ge

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery UI draggable兼容移动端相关的知识,希望对你有一定的参考价值。

项目场景:

用jQyery UI的draggable可以很方便地在PC端实现页面元素的可拖放,不过jQyery UI不是为移动端而写的,因此这个draggable方法在手机上无效。

解决方案:

已经有了现成的解决方法,那就是再加一个 jQuery UI Touch Punch 插件即可。

下载(https://github.com/furf/jquery-ui-touch-punch)后在页面中引入即可解决。

以上是关于jQuery UI draggable兼容移动端的主要内容,如果未能解决你的问题,请参考以下文章

让 jQuery UI draggable 适配移动端

jQuery UI-Draggable 参数集合

jquery ui draggable中如何避免div叠加?

jQuery ui.draggable 事件/状态恢复

JQuery UI Draggable 使用较新的 JQuery 3.3 失败(使用 JQuery UI Touch Punch)

如何以编程方式调用 jQuery UI Draggable 拖动开始?