V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Biwood
V2EX  ›  分享创造

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

  •  
  •   Biwood ·
    oodzchen · 2015-09-20 19:31:28 +08:00 · 6494 次点击
    这是一个创建于 3338 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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/

    21 条回复    2020-04-29 16:55:02 +08:00
    immjun
        1
    immjun  
       2015-09-20 22:31:46 +08:00
    不错的插件 如果可以支持移动端的触摸拖动会更加美好
    Biwood
        2
    Biwood  
    OP
       2015-09-20 23:31:31 +08:00
    @immjun 谢谢建议,我会在后续版本中加入移动端支持
    paddingme
        3
    paddingme  
       2015-09-20 23:32:52 +08:00
    以前用过 [draggabilly]( https://github.com/desandro/draggabilly ) 感觉不错
    Biwood
        4
    Biwood  
    OP
       2015-09-20 23:42:29 +08:00
    @paddingme 我起的这个名字可能表达的意思不够清晰,其实这个插件主要作用是给 DOM 元素重新排序,拖拽只是附带功能
    bzw875
        5
    bzw875  
       2015-09-20 23:45:22 +08:00
    已 star ,有空学习一下代码。
    zonghua
        6
    zonghua  
       2015-09-20 23:46:03 +08:00
    jquery ui
    cevincheung
        7
    cevincheung  
       2015-09-21 01:23:41 +08:00


    我这是玩坏了?
    7654
        8
    7654  
       2015-09-21 01:43:50 +08:00
    @cevincheung 我也玩坏了,最后玩成叠叠乐了
    Biwood
        9
    Biwood  
    OP
       2015-09-21 07:47:17 +08:00 via Android
    @cevincheung
    @7654
    什么浏览器?能否告知一下
    cevincheung
        10
    cevincheung  
       2015-09-21 07:48:00 +08:00
    @Biwood 360 极速 :doge:
    halokings
        11
    halokings  
       2015-09-21 07:49:04 +08:00 via iPhone
    手机先 mark
    7654
        12
    7654  
       2015-09-21 07:56:05 +08:00
    @Biwood 火狐 40.0.0.3
    iamppz
        13
    iamppz  
       2015-09-21 08:55:08 +08:00 via iPhone
    codeproject 上有个类似的源码,不过还是 mark 先回头比较
    chinajik
        14
    chinajik  
       2015-09-21 09:00:18 +08:00
    秒玩坏...随便拖拖就支离破碎了.
    banri
        15
    banri  
       2015-09-21 09:23:10 +08:00
    Chrome 已经崩坏...
    Biwood
        16
    Biwood  
    OP
       2015-09-21 09:23:57 +08:00
    @chinajik 你们应该是快速连续拖动的吧,这种情况我确实忘了考虑进去,马上去改,多谢提醒
    hronro
        17
    hronro  
       2015-09-21 10:21:06 +08:00
    Biwood
        18
    Biwood  
    OP
       2015-09-21 14:25:20 +08:00
    @chinajik
    @banri
    @hronro
    已修复 bug ,欢迎继续蹂躏
    zangbob
        19
    zangbob  
       2015-09-30 12:34:38 +08:00
    特来膜拜一下贴子的 ID 号……。
    fhefh
        20
    fhefh  
       2015-10-31 11:37:58 +08:00
    mark
    B1ankCat
        21
    B1ankCat  
       2020-04-29 16:55:02 +08:00
    222222 我来了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2775 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 09:22 · PVG 17:22 · LAX 01:22 · JFK 04:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.