zoukankan      html  css  js  c++  java
  • 一个轻量级的jQuery拖拽排序插件 HTML5 Sortable

    日期:2012-7-26  来源:GBin1.com

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

    在线演示  本地下载

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

    主要特性

    •  非常小(压缩版1kb)
    • 使用HTML5的本地拖放API
    • 支持列表和网格样式布局
    • 非常类似jQuery UI的排序插件
    • 支持IE5.5+,Firefox3.5+,Chrome3+,Safari3+和Opera12+
    • 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

    欢迎访问GBin1.com
  • 相关阅读:
    html例题——简历
    求值
    c#语句实例(排大小)
    3.6语言基础笔记
    2016.3.5进制间的转换
    3.26-1
    3.23(网页)
    3.23
    3.22
    3.20
  • 原文地址:https://www.cnblogs.com/gbin1/p/2609583.html
Copyright © 2011-2022 走看看