软件 聊天 安全 视频 浏览器 下载 系统 办公 教学 输入法
免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 PSD 矢量 网页 PPT 动画
美女 唯美 大生活 美图 风景 时尚艺
资讯 新闻 专题 热点
您的位置: 广信之家 > 免费资源 > 免费插件 > 文章正文

一个轻量级的jQuery拖拽排序插件:HTML5 Sortable

时间:08-01 15:50 来源:gbin1.com 整理:广信小编 我要评论(0)
字号:T|T
内容提要:
  如果大家提到拖放相关插件的话,肯定会想到jQuery UI,这个UI类库包含了你需要用到的几乎所有组件,但是如果你只想使用jQuery UI中的某一个组件,例如,拖放组件的话,调用

一个轻量级的jQuery拖拽排序插件 - HTML5 Sortable

在线演示   本地下载

如果大家提到拖放相关插件的话,肯定会想到jQuery UI,这个UI类库包含了你需要用到的几乎所有组件,但是如果你只想使用jQuery UI中的某一个组件,例如,拖放组件的话,调用如此大的一个类库会有有杀鸡用宰牛刀的感觉,今天这里我们将介绍一个轻量级的jQuery drag and drop插件 - HTML5 Sortable。它能够帮助你创建可拖拽的列表和网格元素,希望大家喜欢!

主要特性

1.非常小(压缩版1kb)

2.使用HTML5的本地拖放API

3.支持列表和网格样式布局

4.非常类似jQuery UI的排序插件

5.支持IE5.5+,Firefox3.5+,Chrome3+,Safari3+和Opera12+

6.API兼容jQuery UI,你可以使用jQuery UI作为polyfill来支持老版本浏览器

如何使用

使用非常简单:

<ul class="gbsortable">
    <li>Item 1
    <li>Item 2
    <li>Item 3
    <li>Item 4
</ul>
<script src="jquery.sortable.js"></script>
<script>
    $('.gbsortable').sortable();
</script>

主要参数和方法

参数:

items:指定需要排序的元素

connectWith:创建相关的列表

方法:

sortupdate:顺序改变后调用方法,比如,顺序改变后保存新的排序

disable:临时关闭排序功能

enable:打开排序功能

destroy:销毁排序功能

来源:一个轻量级的jQuery拖拽排序插件 - HTML5 Sortable

    相关阅读:

    顶一下
    (0)
    0%
    踩一下
    (0)
    0%
    免责申明:以上内容仅代表原创者观点,其内容未经本站证实,一个轻量级的jQuery拖拽排序插件:HTML5 Sortable对以上内容的真实性、完整性不作任何保证或承诺,转载目的在于传递更多信息,由此产生的后果与一个轻量级的jQuery拖拽排序插件:HTML5 Sortable无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

    登录 (请登录发言,并遵守 相关规定)
    如果你对广信之家有任何意见或建议,请到交流平台反馈。到留言板反馈