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

2015-09-20 19:31:28 +08:00
 Biwood

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

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

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

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

6496 次点击
所在节点    分享创造
21 条回复
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
@cevincheung
@7654
什么浏览器?能否告知一下
cevincheung
2015-09-21 07:48:00 +08:00
@Biwood 360 极速 :doge:
halokings
2015-09-21 07:49:04 +08:00
手机先 mark
7654
2015-09-21 07:56:05 +08:00
@Biwood 火狐 40.0.0.3
iamppz
2015-09-21 08:55:08 +08:00
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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/222222

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX