DaiCuoBBs

 找回密码
 免费注册

QQ登录

只需一步,快速开始

[jQuery] 拖拽排序插件Stable.js与jquery-sortable.js

[复制链接]
admin 发表于 2019-12-24 16:55:17 | 显示全部楼层 |阅读模式
Stable.js与jquery-sortable.js是两个不同的项目,都是拖拽排序。

Sortable.js是一个独立的JS插件,不需要jquery,Sortable非常轻量,压缩后只有2KB,适用现代浏览器与移动设备。使用Sortable可以轻松实现鼠标拖拽排序,让用户操作更方便,具有极强的体验性。
如果要搭配jquery使用还需要引入jquery扩展
  1. <script src="//lib.baomitu.com/Sortable/1.10.0/Sortable.min.js"></script>
  2. <script src="https://cdn.jsdelivr.net/npm/jquery-sortablejs@latest/jquery-sortable.js"></script>
复制代码

jquery-sortable.js,灵活且有主见的排序 jQuery 插件.
仓库:https://github.com/johnny/jquery-sortable
CDN:https://cdn.baomitu.com/jquery-sortable
演示:http://johnny.github.io/jquery-sortable
使用:http://www.jq22.com/yanshi218
  1. <ol class='example'>
  2.   <li>First</li>
  3.   <li>Second</li>
  4.   <li>Third</li>
  5. </ol>
  6. <script src="//lib.baomitu.com/Sortable/1.10.0/Sortable.min.js"></script>
  7. <script>
  8. $(function  () {
  9.   $("ol.example").sortable();
  10. });
  11. </script>
复制代码


您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|大错站长论坛

GMT+8, 2020-9-27 22:41 , Processed in 0.059637 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表