draggable.js,让 DOM 元素可以拖拽的 Javascript 插件 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Biwood

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

  •  
  •   Biwood
    oodzchen 2015 年 9 月 20 日 7148 次点击
    这是一个创建于 3870 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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 年 9 月 20 日
    不错的插件 如果可以支持移动端的触摸拖动会更加美好
    Biwood
        2
    Biwood  
    OP
       2015 年 9 月 20 日
    @immjun 谢谢建议,我会在后续版本中加入移动端支持
    paddingme
        3
    paddingme  
       2015 年 9 月 20 日
    以前用过 [draggabilly]( https://github.com/desandro/draggabilly ) 感觉不错
    Biwood
        4
    Biwood  
    OP
       2015 年 9 月 20 日
    @paddingme 我起的这个名字可能表达的意思不够清晰,其实这个插件主要作用是给 DOM 元素重新排序,拖拽只是附带功能
    bzw875
        5
    bzw875  
       2015 年 9 月 20 日
    已 star ,有空学习一下代码。
    zonghua
        6
    zonghua  
       2015 年 9 月 20 日
    jquery ui
    cevincheung
        7
    cevincheung  
       2015 年 9 月 21 日


    我这是玩坏了?
    7654
        8
    7654  
       2015 年 9 月 21 日
    @cevincheung 我也玩坏了,最后玩成叠叠乐了
    Biwood
        9
    Biwood  
    OP
       2015 年 9 月 21 日 via Android
    @cevincheung
    @7654
    什么浏览器?能否告知一下
    cevincheung
        10
    cevincheung  
       2015 年 9 月 21 日
    @Biwood 360 极速 :doge:
    halokings
        11
    halokings  
       2015 年 9 月 21 日 via iPhone
    手机先 mark
    7654
        12
    7654  
       2015 年 9 月 21 日
    @Biwood 火狐 40.0.0.3
    iamppz
        13
    iamppz  
       2015 年 9 月 21 日 via iPhone
    codeproject 上有个类似的源码,不过还是 mark 先回头比较
    chinajik
        14
    chinajik  
       2015 年 9 月 21 日
    秒玩坏...随便拖拖就支离破碎了.
    banri
        15
    banri  
       2015 年 9 月 21 日
    Chrome 已经崩坏...
    Biwood
        16
    Biwood  
    OP
       2015 年 9 月 21 日
    @chinajik 你们应该是快速连续拖动的吧,这种情况我确实忘了考虑进去,马上去改,多谢提醒
    hronro
        17
    hronro  
       2015 年 9 月 21 日
    Biwood
        18
    Biwood  
    OP
       2015 年 9 月 21 日
    @chinajik
    @banri
    @hronro
    已修复 bug ,欢迎继续蹂躏
    zangbob
        19
    zangbob  
       2015 年 9 月 30 日
    特来膜拜一下贴子的 ID 号……。
    fhefh
        20
    fhefh  
       2015 年 10 月 31 日
    mark
    B1ankCat
        21
    B1ankCat  
       2020 年 4 月 29 日
    222222 我来了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2891 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 57ms UTC 03:37 PVG 11:37 LAX 20:37 JFK 23:37
    Do have faith in what ou're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86