V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
Biwood

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

  •  
  •   Biwood ·
    oodzchen · Sep 20, 2015 · 7161 views
    This topic created in 3877 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/

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


    我这是玩坏了?
    7654
        8
    7654  
       Sep 21, 2015
    @cevincheung 我也玩坏了,最后玩成叠叠乐了
    Biwood
        9
    Biwood  
    OP
       Sep 21, 2015 via Android
    @cevincheung
    @7654
    什么浏览器?能否告知一下
    cevincheung
        10
    cevincheung  
       Sep 21, 2015
    @Biwood 360 极速 :doge:
    halokings
        11
    halokings  
       Sep 21, 2015 via iPhone
    手机先 mark
    7654
        12
    7654  
       Sep 21, 2015
    @Biwood 火狐 40.0.0.3
    iamppz
        13
    iamppz  
       Sep 21, 2015 via iPhone
    codeproject 上有个类似的源码,不过还是 mark 先回头比较
    chinajik
        14
    chinajik  
       Sep 21, 2015
    秒玩坏...随便拖拖就支离破碎了.
    banri
        15
    banri  
       Sep 21, 2015
    Chrome 已经崩坏...
    Biwood
        16
    Biwood  
    OP
       Sep 21, 2015
    @chinajik 你们应该是快速连续拖动的吧,这种情况我确实忘了考虑进去,马上去改,多谢提醒
    hronro
        17
    hronro  
       Sep 21, 2015
    Biwood
        18
    Biwood  
    OP
       Sep 21, 2015
    @chinajik
    @banri
    @hronro
    已修复 bug ,欢迎继续蹂躏
    zangbob
        19
    zangbob  
       Sep 30, 2015
    特来膜拜一下贴子的 ID 号……。
    fhefh
        20
    fhefh  
       Oct 31, 2015
    mark
    B1ankCat
        21
    B1ankCat  
       Apr 29, 2020
    222222 我来了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   787 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 54ms · UTC 22:18 · PVG 06:18 · LAX 15:18 · JFK 18:18
    ♥ Do have faith in what you're doing.