jQuery拖拽排序插件dragarrange

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

 4616  49  查看评论 (3)
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主要用于对数据的过滤搜索,代码注释很全,适合新手学习
  筛选及排序
 3874  23

jQuery表格筛选插件XLS TableFilter

xlsTableFilter:创建一个表包含标题的Excel风格的过滤器对话框
  筛选及排序
 18099  26

jQuery筛选列表过滤插件Filterizr

Filterizr 是一款基于 jQuery 的筛选过滤插件,它提供了多重筛选过滤方式,能够满足你的不同需求。并且使用了 CSS3 过滤效果,使用户体验更优秀。
  筛选及排序
 7485  79

jquery仿app产品筛选列表

jquery仿app产品筛选列表
  筛选及排序
 15493  80

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

    killboner 0
    2017/5/16 13:35:09
    私念ˇ 0
    2017/4/23 11:14:57

    拖拽完成后怎么回调?

    回复
    花∮饰∮雪 0
    2017/2/24 15:44:42

    这个是个好东西

    回复
取消回复