jQuery拖拽排序插件dragarrange

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

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

仿当当移动端筛选

仿当当网移动端条件筛选
  筛选及排序
 11763  62

jquery仿app产品筛选列表

jquery仿app产品筛选列表
  筛选及排序
 21029  96

jQuery图片筛选过滤器效果

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

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

    A T 0
    2018/2/5 17:37:31

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

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

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

    回复
    2924880987@qq.com 0
    2017/12/28 16:32:03

    请问动态添加的元素 怎么添加事件

        2924880987@qq.com0
        2017/12/28 16:35:15

        我知道了

    回复
    じ☆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
    拖拽完了 要改数据库  在哪里写? 回复
    killboner 0
    2017/5/16 13:35:09
    私念ˇ 0
    2017/4/23 11:14:57

    拖拽完成后怎么回调?

        Xposed1
        2018/1/20 15:52:06

        我也在找,好像没发现,自己加了几行代码可以实现,在第160行后面加上:

        if(options.myDragEnd !== undefined){
                if(typeof options.myDragEnd === "function") {
                  options.myDragEnd();
                } else {
                  eval(options.myDragEnd+'()');
                }
              }

        调用的时候传个参数myDragEnd过来就可以回调了。

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

    这个是个好东西

    回复
取消回复