web 前端，求推荐一些拖动移动元素的库。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2008 天前的主题，其中的信息可能已经有所发展或是发生改变。

Web

元素

推荐

移动

23 条回复 • 2019-07-02 19:13:42 +08:00

gouflv

2019-07-02 10:35:27 +08:00 via iPhone

百度适合你

sutang

2019-07-02 10:36:54 +08:00

sortablejs

BCy66drFCvk1Ou87

2019-07-02 10:38:58 +08:00

https://github.com/atlassian/react-beautiful-dnd

chengxy

2019-07-02 10:41:57 +08:00

@gouflv 百度并不适合我，那个搜索质量无话可说。
之所以来问是因为我不想浪费时间去从大部分低质量的库中筛选。
发帖子是来问问题的，知道的话可以推荐一下，不知道关掉就好了。
你这个回答，有些 Ky.

loading

2019-07-02 10:42:16 +08:00 via Android

推荐个最好的:
jqueryui.com/draggable/

liuzhen

2019-07-02 10:49:43 +08:00

基本每个前端技术栈都有这类组件吧，你不说技术栈楼下怎么推

chengxy

2019-07-02 10:55:06 +08:00

@liuzhen 还没确定，推什么学什么。

neutrino

2019-07-02 10:58:07 +08:00 via Android

@loading 确实 jQuery 是最好的

Mutoo

2019-07-02 11:12:48 +08:00

https://shopify.github.io/draggable/

Draggable/Swappable/Sortable

chenno9

2019-07-02 11:14:47 +08:00

interactjs

will0404

2019-07-02 11:20:33 +08:00

看看这个，会让你忘掉楼上所有的。

https://codesandbox.io/embed/01p1kxymow

Sapp

2019-07-02 11:20:51 +08:00

事实上楼上推荐的这些我基本都用过，但是最后发现要么是不契合当前的开发环境（都是 n 年前的东西），要么就是和需求有跟不上的地方，最后自己写了一个，rxjs 写一下也就是分分钟的事情，还完美契合产品的需求

will0404

2019-07-02 11:21:20 +08:00

再来一个吧： https://codesandbox.io/embed/j0y0vpz59

azh7138m

2019-07-02 11:31:26 +08:00

@will0404 react-spring 作者是骚，动画非常流畅，但我没有看到复杂组件的示例（指需要拖拽的组件是个复杂的 react 组件）

will0404

2019-07-02 11:34:40 +08:00

@azh7138m 组件复杂度和这个基本没关系，拖拽的那个 div 你用它包住任何组件就行。

lunaly123

2019-07-02 12:53:15 +08:00

歪个楼，最近在找轮播插件，目前用过 owl carousel,sly,slick, swiper 其实挺好就是太重了，有没有什么轻量级一些的呢，最好能够支持垂直轮播，支持 animate.css ，生命周期钩子多一些。emmm...

loading

2019-07-02 12:56:04 +08:00 via Android

@lunaly123 这个建议自己写一个算了，毕竟你都知道用 animate.css 了。

ddzy

2019-07-02 12:59:04 +08:00

技术栈是什么?

lunaly123

2019-07-02 13:00:45 +08:00

@loading 以后有机会尝试造个轮子把，目前线用 swiper 算了，没太好的选择感觉。

deleteDB

2019-07-02 13:40:57 +08:00

战略性 mark 一下

TimRChen

2019-07-02 18:08:11 +08:00

咋说呢，目前拖拽移动方案，可以直接使用像 drag & drop 这样现成的 API： https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API

anoninz

2019-07-02 19:13:42 +08:00

draggle 吧。。我用着还行

anoninz

2019-07-02 19:13:42 +08:00

draggle 吧。。我用着还行