热搜：编程 Python Microsoft 编程语言 C++

DIV拖拽排序的JS插件sortable.javascript

发布时间：2022-12-25 13:26:32 来源：互联网

.

世上最好的保鲜就是不断进步，让自己成为一个更好和更值得爱的人。早安！不要去争取属于别人的东西，否则，费的力越多，得到的越少。早安！

Sortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、Element UI。你可以用来拖拽div、table等元素。

sortable.js 其本使用方法

在使用下面的示例之前，要先在页面中引入 sortable.min.js JS文件，

代码：

<script src="sortable.min.js"></script>

示例1：

DIV元素拖动排序

代码:

new Sortable(example1, {
    animation: 150,
    ghostClass: 'blue-background-class'
});

DIV拖拽排序的JS插件sortable.js

示例2：

两个DIV元素列表内来回拖拽和排序

new Sortable(example2Left, {
    group: 'shared', // set both lists to same group
    animation: 150
});
new Sortable(example2Right, {
    group: 'shared',
    animation: 150
});

DIV拖拽排序的JS插件sortable.js