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

爱意满满的作品展示区。

This topic created in 3916 days ago, the information mentioned may be changed or developed.

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 replies • 2020-04-29 16:55:02 +08:00

immjun

Sep 20, 2015

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

Biwood

Sep 20, 2015

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

paddingme

Sep 20, 2015

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

Biwood

Sep 20, 2015

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

bzw875

Sep 20, 2015

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

zonghua

Sep 20, 2015

jquery ui

cevincheung

Sep 21, 2015

我这是玩坏了？

7654

Sep 21, 2015

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

Biwood

Sep 21, 2015 via Android

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

cevincheung

Sep 21, 2015

@Biwood 360 极速 :doge:

halokings

Sep 21, 2015 via iPhone

手机先 mark

7654

Sep 21, 2015

@Biwood 火狐 40.0.0.3

iamppz

Sep 21, 2015 via iPhone

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

chinajik

Sep 21, 2015

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

banri

Sep 21, 2015

Chrome 已经崩坏...

Biwood

Sep 21, 2015

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

hronro

Sep 21, 2015

Biwood

Sep 21, 2015

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

zangbob

Sep 30, 2015

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

fhefh

Oct 31, 2015

mark

B1ankCat

Apr 29, 2020

222222 我来了