免费 域名 空间 相册 邮箱 资源 网赚 试用 优惠 工具
教程 设计 三维 学院 办公 网页
素材 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无关;如以上转载内容不慎侵犯了您的权益,请联系我们将会及时处理。
    [责任编辑:广信小编]

    精彩图文

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