本文概述
- 5. Draggabilly
- 4. Dragula
- 3. Interact.js
- 2. Draggable JS
- 1. jQuery UI
这就是为什么我们想与你分享一些最不礼貌, 广为人知且易于使用的可拖动插件, 以便你尽快在项目中开始使用此功能的原因。
5. Draggabilly Github
文章图片
Draggabilly是VanillaJS插件, 可让你将任何元素拖放, 它支持IE10 +和触摸设备。
4. Dragula Github
文章图片
你是否曾经想要过一个可以正常工作的拖放库?那不仅仅取决于肿的框架, 它具有强大的支持吗?这实际上了解放置元素时将元素放置在何处?不需要你花大量的时间来使它起作用吗?好吧, 这个库的开发者也是如此! Dragula是拖放库, 非常易于使用。它提供的浏览器支持包括所有合理的浏览器和IE7 +。 (允许你在ES5中多填充功能性Array方法)。框架支持包括原始JavaScript, Angular和React。
- 超级容易设置
- 没有肿的依赖
- 自行找出排序顺序
- 放置物品的阴影可提供视觉反馈
- 触摸事件!
- 无需任何配置即可无缝处理点击
文章图片
适用于现代浏览器(以及IE9 +)的JavaScript拖放, 调整大小和多点触控手势。插件功能:
- 强大的捕捉和限制修改器
- 惯性投掷
- 多个同时互动
- 触摸和鼠标事件的统一API
- 自动滚屏
- 惯性和折断
- 多点触控, 同时互动
- 跨浏览器和设备, 支持桌面和移动版本的Chrome, Firefox和Opera以及Internet Explorer 9+
- 与SVG元素的交互
- 独立且可定制
- 除了修改游标之外, 不修改DOM(但是你可以禁用它)
文章图片
Draggable是一个轻巧, 响应迅速的现代拖放库, 最初由Shopify和开放源代码贡献者开发并维护。使用Draggable, 你可以完全控制Web应用程序的拖放行为。 Draggable将本机浏览器事件抽象到一个全面的API中, 以创建自定义的拖放体验。 Draggable附带其他模块:Sortable, Droppable, Swappable。 Draggable本身在拖动时不会执行任何排序行为, 但是会进行繁重的操作, 例如创建镜像, 发出事件, 管理传感器事件, 使元素可拖动。最著名的功能是:
- 适用于本机拖动, 鼠标, 触摸和强制触摸事件
- 可以通过进入可拖动事件的生命周期来扩展拖动行为
- 可以通过将传感器添加到可拖动对象来扩展拖动检测
- 该库首先针对ES6
1. jQuery UI 下载(仅过滤可拖动组件)
文章图片
jQuery UI组件仍然是可拖动插件的王者。 jQueryUI提供了draggable()方法以使任何DOM元素均可拖动。元素可拖动后, 可以通过用鼠标单击该元素并将其拖动到视口内的任何位置来移动该元素。
【5个最佳Draggable的JavaScript和jQuery插件】如果你知道可以与jQuery或纯JavaScript一起使用的另一个很棒的可拖动, 可排序和可调整大小的相关库, 请在注释框中与社区共享。
推荐阅读
- 最佳范围输入替换JavaScript和jQuery插件
- 如果我有32位本机库,Android应用程序仍然是64位吗()
- 原生Android应用程序中的SIGSEGV错误
- 如何在没有Android Studio的情况下编译JNI共享库,并在[关闭]中编译依赖项
- Android JNI(将cv :: Mat转换为jbyteArray)
- 如何在Android模拟器上显示Mat图像(使用NDK)
- 当SDL_init()时,FFmpeg2.3.3和SDL2-2.0.3的Android Media播放器出错。错误是关于SDL_main.h
- 使用Android Studio调试C ++库
- 如何将http C库正确包含到Android项目中()