jQuery拖拽排序插件dragarrange

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

 7372  73  查看评论 (7)
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 对象。

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

仿当当移动端筛选

仿当当网移动端条件筛选
  筛选及排序
 9337  53

jQuery筛选排序插件listnav

jQuery listnav将添加一个筛选的导航栏,为你快速过滤该列表,来显示匹配的信息。
  筛选及排序
 18162  42

简单的jquery批量删除

简单的jquery批量删除
  筛选及排序
 16092  50

jQuery图片筛选过滤器效果

jQuery选项卡形式图片按分类过滤
  筛选及排序
 9587  178

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

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

    怎么禁用拖拽功能

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

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

    回复
    Balance in ALL Things 0
    2017/6/23 10:49:04
    拖拽完了 要改数据库  在哪里写? 回复
    killboner 0
    2017/5/16 13:35:09
    私念ˇ 0
    2017/4/23 11:14:57

    拖拽完成后怎么回调?

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

    这个是个好东西

    回复
取消回复