dragSort.js是一款拖动排序交换位置的插件-BFW插件库

dragSort.js是一款拖动排序交换位置的插件

dragSort.js是一款拖动排序交换位置的插件。

使用方式：

第一步引入dragSort.js

第二步准备dom元素

   <div id="tags">
        <div class="drag-item" draggable="true">
            我是A
        </div>
        <div class="drag-item" draggable="true">
            你是B
        </div>
        
        <div class="drag-item" draggable="true">
            他是C
        </div>
    </div>

第三步配置参数

  var dragSort = new dragSort({
            id: 'tags', // 拖动父级div框的ID
            drag: 'drag-item', //拖动元素
            times: '1000', // 动画时长（默认一秒钟）
        })

示例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/dragSort.js"></script>
    <style>
    body{
        padding: 100px 50px;
    }
        .drag-item{
            color:white;
            background:#009933 ;
            margin:10px;
            padding: 10px;
        }
    </style>

</head>
<body>
    <div id="tags">
        <div class="drag-item" draggable="true">
            我是A
        </div>
        <div class="drag-item" draggable="true">
            你是B
        </div>
        
        <div class="drag-item" draggable="true">
            他是C
        </div>
    </div>
    <script type="text/javascript">


        var dragSort = new dragSort({
            id: 'tags', // 拖动父级div框的ID
            drag: 'drag-item', //拖动元素
            times: '1000', // 动画时长（默认一秒钟）
        })

    </script>
</body>
</html>

dragSort.js是一款拖动排序交换位置的插件

网友评论0

gridly.js

jquery-resizable.js

drag.js

draggabilly.js

impetus.min.js

jquery.dad.min.js

subjx.js

interact.min.js

subj.js

moveable.min.js