draggable.js，让 DOM 元素可以拖拽的 JavaScript 插件

V2EX = way to explore

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

现在注册

已注册用户请登录

爱意满满的作品展示区。

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

dragble.js

灵感来自新版 Google 首页的 Google Apps 菜单:

google menu

使用原生 JavaScript 编写，不依赖其他插件，可以配合 jQuery 使用。兼容主流桌面浏览器，包括 IE8+。

实现思路比较简单，有需要的人可以拿去使用或者学习。写的不好的地方还望大家指出，你可以 fork 我的 Github，或者直接发 issue 提交 bug 和新的需求。

项目地址：https://github.com/oodzchen/draggable.js
Live Demo ：http://oodzchen.com/lab/draggablejs/

Google

JavaScript

插件

dragble

21 条回复 • 2020-04-29 16:55:02 +08:00

immjun

2015-09-20 22:31:46 +08:00

不错的插件如果可以支持移动端的触摸拖动会更加美好

Biwood

2015-09-20 23:31:31 +08:00

@immjun 谢谢建议，我会在后续版本中加入移动端支持

paddingme

2015-09-20 23:32:52 +08:00

以前用过 [draggabilly]( https://github.com/desandro/draggabilly ) 感觉不错

Biwood

2015-09-20 23:42:29 +08:00

@paddingme 我起的这个名字可能表达的意思不够清晰，其实这个插件主要作用是给 DOM 元素重新排序，拖拽只是附带功能

bzw875

2015-09-20 23:45:22 +08:00

已 star ，有空学习一下代码。

zonghua

2015-09-20 23:46:03 +08:00

jquery ui

cevincheung

2015-09-21 01:23:41 +08:00

我这是玩坏了？

7654

2015-09-21 01:43:50 +08:00

@cevincheung 我也玩坏了，最后玩成叠叠乐了

Biwood

2015-09-21 07:47:17 +08:00 via Android

@cevincheung
@7654
什么浏览器？能否告知一下

cevincheung

2015-09-21 07:48:00 +08:00

@Biwood 360 极速 :doge:

halokings

2015-09-21 07:49:04 +08:00 via iPhone

手机先 mark

7654

2015-09-21 07:56:05 +08:00

@Biwood 火狐 40.0.0.3

iamppz

2015-09-21 08:55:08 +08:00 via iPhone

codeproject 上有个类似的源码，不过还是 mark 先回头比较

chinajik

2015-09-21 09:00:18 +08:00

秒玩坏...随便拖拖就支离破碎了.

banri

2015-09-21 09:23:10 +08:00

Chrome 已经崩坏...

Biwood

2015-09-21 09:23:57 +08:00

@chinajik 你们应该是快速连续拖动的吧，这种情况我确实忘了考虑进去，马上去改，多谢提醒

hronro

2015-09-21 10:21:06 +08:00

Biwood

2015-09-21 14:25:20 +08:00

@chinajik
@banri
@hronro
已修复 bug ，欢迎继续蹂躏

zangbob

2015-09-30 12:34:38 +08:00

特来膜拜一下贴子的 ID 号……。

fhefh

2015-10-31 11:37:58 +08:00

mark

B1ankCat

2020-04-29 16:55:02 +08:00

222222 我来了