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

Web

元素

推荐

移动

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

1

gouflv

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

1

百度适合你

2

sutang

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

1

sortablejs

3

HuasLeung

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

2

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

4

chengxy

OP

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

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

5

loading

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

1

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

6

liuzhen

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

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

7

chengxy

OP

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

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

8

neutrino

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

1

@loading 确实 jQuery 是最好的

9

Mutoo

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

1

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

Draggable/Swappable/Sortable

10

chenno9

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

1

interactjs

11

will0404

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

1

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

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

12

Sapp

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

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

13

will0404

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

1

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

14

azh7138m

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

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

15

will0404

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

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

16

lunaly123

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

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

17

loading

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

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

18

ddzy

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

技术栈是什么?

19

lunaly123

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

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

20

deleteDB

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

战略性 mark 一下

21

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

22

anoninz

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

draggle 吧。。我用着还行

23

anoninz

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

draggle 吧。。我用着还行