V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
chengxy
V2EX  ›  程序员

web 前端,求推荐一些拖动移动元素的库。

  •  
  •   chengxy · 2019-07-02 10:27:26 +08:00 · 3927 次点击
    这是一个创建于 1982 天前的主题,其中的信息可能已经有所发展或是发生改变。
    23 条回复    2019-07-02 19:13:42 +08:00
    gouflv
        1
    gouflv  
       2019-07-02 10:35:27 +08:00 via iPhone   ❤️ 1
    百度适合你
    sutang
        2
    sutang  
       2019-07-02 10:36:54 +08:00   ❤️ 1
    sortablejs
    BCy66drFCvk1Ou87
        3
    BCy66drFCvk1Ou87  
       2019-07-02 10:38:58 +08:00   ❤️ 2
    chengxy
        4
    chengxy  
    OP
       2019-07-02 10:41:57 +08:00
    @gouflv 百度并不适合我,那个搜索质量无话可说。
    之所以来问是因为我不想浪费时间去从大部分低质量的库中筛选。
    发帖子是来问问题的,知道的话可以推荐一下,不知道关掉就好了。
    你这个回答,有些 Ky.
    loading
        5
    loading  
       2019-07-02 10:42:16 +08:00 via Android   ❤️ 1
    推荐个最好的:
    jqueryui.com/draggable/
    liuzhen
        6
    liuzhen  
       2019-07-02 10:49:43 +08:00
    基本每个前端技术栈都有这类组件吧,你不说技术栈楼下怎么推
    chengxy
        7
    chengxy  
    OP
       2019-07-02 10:55:06 +08:00
    @liuzhen 还没确定,推什么学什么。
    neutrino
        8
    neutrino  
       2019-07-02 10:58:07 +08:00 via Android   ❤️ 1
    @loading 确实 jQuery 是最好的
    Mutoo
        9
    Mutoo  
       2019-07-02 11:12:48 +08:00   ❤️ 1
    https://shopify.github.io/draggable/

    Draggable/Swappable/Sortable
    chenno9
        10
    chenno9  
       2019-07-02 11:14:47 +08:00   ❤️ 1
    interactjs
    will0404
        11
    will0404  
       2019-07-02 11:20:33 +08:00   ❤️ 1
    看看这个,会让你忘掉楼上所有的。

    https://codesandbox.io/embed/01p1kxymow
    Sapp
        12
    Sapp  
       2019-07-02 11:20:51 +08:00
    事实上楼上推荐的这些我基本都用过,但是最后发现要么是不契合当前的开发环境(都是 n 年前的东西),要么就是和需求有跟不上的地方,最后自己写了一个,rxjs 写一下也就是分分钟的事情,还完美契合产品的需求
    will0404
        13
    will0404  
       2019-07-02 11:21:20 +08:00   ❤️ 1
    azh7138m
        14
    azh7138m  
       2019-07-02 11:31:26 +08:00
    @will0404 react-spring 作者是骚,动画非常流畅,但我没有看到复杂组件的示例(指 需要拖拽的组件是个复杂的 react 组件)
    will0404
        15
    will0404  
       2019-07-02 11:34:40 +08:00
    @azh7138m 组件复杂度和这个基本没关系,拖拽的那个 div 你用它包住任何组件就行。
    lunaly123
        16
    lunaly123  
       2019-07-02 12:53:15 +08:00
    歪个楼,最近在找轮播插件,目前用过 owl carousel,sly,slick, swiper 其实挺好就是太重了,有没有什么轻量级一些的呢,最好能够支持垂直轮播,支持 animate.css ,生命周期钩子多一些。emmm...
    loading
        17
    loading  
       2019-07-02 12:56:04 +08:00 via Android
    @lunaly123 这个建议自己写一个算了,毕竟你都知道用 animate.css 了。
    ddzy
        18
    ddzy  
       2019-07-02 12:59:04 +08:00
    技术栈是什么?
    lunaly123
        19
    lunaly123  
       2019-07-02 13:00:45 +08:00
    @loading 以后有机会尝试造个轮子把,目前线用 swiper 算了,没太好的选择感觉。
    deleteDB
        20
    deleteDB  
       2019-07-02 13:40:57 +08:00
    战略性 mark 一下
    TimRChen
        21
    TimRChen  
       2019-07-02 18:08:11 +08:00
    咋说呢,目前拖拽移动方案,可以直接使用像 drag & drop 这样现成的 API: https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
    anoninz
        22
    anoninz  
       2019-07-02 19:13:42 +08:00
    draggle 吧。。我用着还行
    anoninz
        23
    anoninz  
       2019-07-02 19:13:42 +08:00
    draggle 吧。。我用着还行
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1022 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 21:01 · PVG 05:01 · LAX 13:01 · JFK 16:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.