资讯专栏INFORMATION COLUMN

写了一个拖动排序插件

wangbinke / 223人阅读

摘要:是一款拖动排序插件,适配端和手机端。地址结构用法只需要一个对象参数第一个参数为元素第二个参数为一个对象此对象可省略,则启用默认配置其中为拖动时候的浮层元素的一些样式配置项,为底层选中的元素样式配置项欢迎

drag.js

drag.js是一款拖动排序插件,适配pc端和手机端。
demo地址 --https://tls1234.github.io/drag

html 结构
  • item1
  • item2
  • item3
  • item4
  • item5
用法  

只需要new一个 Drag()对象

new Drag( )
参数

第一个参数为ul元素
第二个参数为一个Object对象 (此对象可省略,则启用默认配置)
其中 supernatant为拖动时候的浮层元素的一些样式配置项, select为底层选中的元素样式配置项

var drag = new Drag(".item-group", {
        supernatant: {
            boxShadow : "0 4px 10px #DEDADA",
            background : "#fff",
            opacity: "0.8"
        },
        select: {
            background: "#efefef"
        }
    })

欢迎star https://github.com/tls1234/drag

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94145.html

相关文章

  • 分享一个jQuery的拖动排序插件

    摘要:基于的拖动排序插件代码地址核心代码由于有些浏览器的图片和链接是默认可以拖动的,所以屏蔽掉的事件只允许鼠标左键拖动禁止在表单元素里面拖动滚动条的位置向上排序向下排序用法水平有限,欢迎提出宝贵意见一起交流学习 基于jQuery的拖动排序插件 代码地址:https://github.com/ylb1992/dr...核心代码: (function($) { use strict; ...

    zzbo 评论0 收藏0
  • TP5实现表格拖动排序并保存到数据库功能

    摘要:于是我就研究如何拖动排序并永久把排序保存到数据库中,做了小时,做出来了。现在只是实现了在当前页面排序,但数据库还是老样子。在每次拖动完成后,利用这款插件内置的函数,通过方式把排序完成的每个行的传到后台。 前一段时间修改了一个旧的项目,客户要求我给表格重新排序,按医生的职称排序。因为客户的这个项目是医院的人事系统,考虑到整个医院有几千号人,要是一个个按客户的要求排得累坏我的小腰...幸好...

    Aomine 评论0 收藏0
  • TP5实现表格拖动排序并保存到数据库功能

    摘要:于是我就研究如何拖动排序并永久把排序保存到数据库中,做了小时,做出来了。现在只是实现了在当前页面排序,但数据库还是老样子。在每次拖动完成后,利用这款插件内置的函数,通过方式把排序完成的每个行的传到后台。 前一段时间修改了一个旧的项目,客户要求我给表格重新排序,按医生的职称排序。因为客户的这个项目是医院的人事系统,考虑到整个医院有几千号人,要是一个个按客户的要求排得累坏我的小腰...幸好...

    nevermind 评论0 收藏0
  • TP5实现表格拖动排序并保存到数据库功能

    摘要:于是我就研究如何拖动排序并永久把排序保存到数据库中,做了小时,做出来了。现在只是实现了在当前页面排序,但数据库还是老样子。在每次拖动完成后,利用这款插件内置的函数,通过方式把排序完成的每个行的传到后台。 前一段时间修改了一个旧的项目,客户要求我给表格重新排序,按医生的职称排序。因为客户的这个项目是医院的人事系统,考虑到整个医院有几千号人,要是一个个按客户的要求排得累坏我的小腰...幸好...

    zhiwei 评论0 收藏0
  • TP5实现表格拖动排序并保存到数据库功能

    摘要:于是我就研究如何拖动排序并永久把排序保存到数据库中,做了小时,做出来了。现在只是实现了在当前页面排序,但数据库还是老样子。在每次拖动完成后,利用这款插件内置的函数,通过方式把排序完成的每个行的传到后台。 前一段时间修改了一个旧的项目,客户要求我给表格重新排序,按医生的职称排序。因为客户的这个项目是医院的人事系统,考虑到整个医院有几千号人,要是一个个按客户的要求排得累坏我的小腰...幸好...

    wudengzan 评论0 收藏0

发表评论

0条评论

wangbinke

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<