JS库介绍
Sortable.js一个功能强大的JavaScript 拖拽库!!!用于在网页上创建可拖放和可排序的元素。它提供了简单而强大的 API,使开发人员能够轻松地实现拖放功能,并允许用户通过拖放来重新排序列表、网格和其他元素。
主要有以下特性:
兼容性好:支持触屏设备和大部分浏览器,支持现代浏览器,并提供了对旧版浏览器的向后兼容性;
简单:简单的API,方便使用,通过简单的 HTML 结构和 JavaScript API,可以快速实现拖放排序功能;
原生:基于原生HTML5中的拖放API;
CSS框架兼容性:支持所有的css框架,像Bootstrap;
零依赖:不依赖Jquery等其他框架;
SPA支持良好:支持多种框架(angular、vue、react等);
高度可定制:通过配置选项和回调函数,可以自定义拖放行为和排序效果;
交互性:除了基本的拖放功能外,SortableJS 还提供了丰富的交互性选项,如拖放动画、排序同步等;
社区支持:SortableJS 有一个活跃的开发者社区,为使用该库的开发者提供支持、插件和示例。
在html中引入
<script src="https://www.mbkfw.com/static/image/lazy.gif" class="lazy" original="https://www.mbkfw.com/static/image/nopic320.png">