拖拽排序 ajax,jQuery拖拽排序插件jQuery Sortable

4e4c1f8d26a0369d5d1c02a82c68163b.png

3efc3516b7ecb765a1f067c294640f12.png

插件描述:灵活且有主见的排序 jQuery 插件

灵活且有主见的排序 jQuery 插件

功能

任何在任何容器中的项进行排序

完全支持嵌套的容器

连接列表

回调和事件 (见文档)

纯拖放列表

垂直和水平排序

兼容性

jquery-sortable.js已测试以下浏览器

Firefox >= 3.5

Chrome

IE > 7

Safari >= 6

Opera

入门

制作可排序的列表中包括的 3 个简单步骤

添加样式body.dragging, body.dragging * {

cursor: move !important;

}

.dragged {

position: absolute;

opacity: 0.5;

z-index: 2000;

}

ol.example li.placeholder {

position: relative;

/** More li styles **/

}

ol.example li.placeholder:before {

position: absolute;

/** Define arrowhead **/

}

定义你的 HTML

  1. First
  2. Second
  3. Third

调用初始值设定项$(function  () {

$("ol.example").sortable()

})

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值