jQuery拖拽排序插件dragarrange

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

 15018  97  查看评论 (18)
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 对象。

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

angular过滤搜索

angular主要用于对数据的过滤搜索,代码注释很全,适合新手学习
  筛选及排序
 9472  39

仿当当移动端筛选

仿当当网移动端条件筛选
  筛选及排序
 14934  73

jQuery条件筛选表格(原创)

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

table 点击排序 三种方法

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

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

    夜尽天明 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

        禁用实现了?老哥

    回复
    xgwhsgws 0
    2017/7/31 23:14:36
    正好我项目用到 回复
    男人重气魄 0
    2017/7/4 11:36:51

    为什么我的是点两下,第一下点击是拖拽,第二下点击才会换位置?

        丿微眸丶??0
        2018/1/30 11:53:07
        同问,我的也是这样,该怎么解决
    回复
    Balance in ALL Things 0
    2017/6/23 10:49:04
    拖拽完了 要改数据库  在哪里写? 回复
取消回复
  短信接口