jQuery拖拽排序插件dragarrange

所属分类:UI,输入-筛选及排序,拖和放

 17398  101  查看评论 (26)
jQuery拖拽排序插件dragarrange ie兼容8

jquery-dragarrange

一个非常简单的jQuery拖拽排序插件

使用方法

引用jQuery和drag-arrange.js即可

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script type="text/javascript" src="drag-arrange.js"></script>

html

<div id="elements-container">
  <div class="draggable-element d-1">Drag 1</div>
  <div class="draggable-element d-2">Drag 2</div>
  <div class="draggable-element d-3">Drag 3</div>
  <div class="draggable-element d-4">Drag 4</div>
</div>

js

$('.draggable-element').arrangeable();

可选参数

dragSelector

如果获得通过,可以只从这个选择器拖动对象。默认 dragSelector 是同一已调用函数的 DOM 元素。

dragEndEvent

(默认值:"drag.end.arrangeable")

当拖动两端,可拖动元素容器触发指定的事件。(事件对象本身)的第一个 arguemnt 是被拽的 jQuery 对象。

相关插件-筛选及排序,拖和放

前端表格排序插件,支持ajax分页

jQuery前端表格排序插件,支持ajax分页,后端分页只排序当前页,或前端分页排序
  筛选及排序
 10082  50

jQuery条件筛选表格(原创)

通过条件选择表格要显示的部分
  筛选及排序
 10423  47

table 点击排序 三种方法

不用通过数据交互那么复杂,可以简单的静态排序和筛选,适用于后台数据列表等需求
  筛选及排序
 8732  56

jQuery根据条件筛选数据

jQuery根据输入关键字和选择的条件进行筛选,常用代码简单实用。
  筛选及排序
 6960  35

讨论这个项目(26)回答他人问题或分享插件使用方法奖励jQ币

    乾丶 0
    2019/1/19 14:54:36
    火狐为什么不支持啊,拖不动,直接跳链接了
        乾丶0
        2019/1/21 13:41:33
        这个可以拖拽合并吗
    回复
    hixiyu 0
    2019/1/8 17:15:19
    为什么不能直接拖放在div最后面
    回复
    | ) T 0
    2018/12/6 18:12:53
    拖动成功后怎么回调
        Z,0
        2018/12/7 14:37:42
        您知道怎么禁用拖动嘛
        滚子。0
        2019/1/14 14:14:05
        没有api
    回复
    夜尽天明 0
    2018/6/7 20:50:26
    这个只能实现二级目录的拖拽吗?能不能实现三级目录的拖拽
    回复
    天街小雨润如酥 0
    2018/2/24 16:05:32
    不是4个div,几十个div,有上下排列,上面的和下面的拖拽后,并不是拖拽的两个换了位置,有一个横向的位移,再交换位置。
    回复
    天街小雨润如酥 0
    2018/2/24 16:02:22
    example1 还是有问题,我是要拖拽的两个交换位置,效果并不是。
    回复
    A T 0
    2018/2/5 17:37:31

    这个插件用在表格里效果不佳

    回复
    弥望痕迹 0
    2018/1/11 0:05:57

    拖动的class里面有图片文字,拖动图片的时候是把图片拖动,松开才是外面拖动的class这个div动,有没有办法拖动图片也是控制的class这个div动。

    回复
    じ☆ve丶恋 0
    2017/8/25 16:28:07

    怎么禁用拖拽功能

        相交线0
        2017/12/22 10:42:00

        请问您这个禁用实现了吗  求解啊  

        11110
        2018/1/17 16:04:07

        禁用实现了?老哥

        Z,0
        2018/12/6 15:05:10
        请问如何实现禁用拖拽的
    回复
取消回复
  短信接口