分享好友 教程首页 教程搜索 频道列表

Sortable.js:功能强大的JavaScript拖拽库,不依赖JS

2024-04-28 15:301060
+关注2
核心提示:JS库介绍Sortable.js一个功能强大的JavaScript 拖拽库!!!用于在网页上创建可拖...

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/nopic320.png>
本文标签: #拖拽 #排序 #JS库
整理员:网络转载
免责声明:凡注明来源本网的所有作品,均为本网合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本网作品均来自互联网,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。
生成海报
您可能在找更多

jquery拖拽排序,针对后台列表table进行拖拽排序(测试有用)

    现在很多后台列表为了方便均使用拖拽排序的功能,对列表进行随意的排序。话不多说 ,我在网上找了一些demo,经过对比,现在把方便实用的一个demo列出来,基于jqueryUI.js先上html代码,很简单:

网络转载 JavaScript教程2023-03-16

jquery-ui.min.js 拖拽参数跟事件

    所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象

网络转载 JavaScript教程2023-03-15

jQuery-ui插件sortable实现自由拖动排序

    自行用代码测试

网络转载 JavaScript教程2023-03-15

jQuery鼠标拖动div层排序代码

    jQuery鼠标拖动div层排序代码是一款简单的div容器li标签拖拽排序功能,鼠标按住上下拖动改变排列顺序。

xiaohei JS相关2018-11-27

下一篇
我来说两句
抢沙发