html如何调整选项的显示顺序的插件

如果你用过 jQuery UI，那么你应该会知道它内置有一个拖动排序(sortable)的功能。今天给大家推荐一个轻量级的拖动排序插件，让你能够摆脱 jQuery UI。

HTML5 Sortable 是一个简单易用的轻量级 jQuery 插件，它可让你轻松实现列表的拖动排序功能，它基于原生 HTML5 的拖动 API 而实现。更重要的一点是它支持包括 IE 在内的所有主流浏览器。

如何使用

请参考http://farhadi.ir/projects/html5sortable/

首先引入 jQuery 框架HTML5 Sortable 插件。

1、<script src="jquery.min.js"></script>

2、<script src="jquery.sortable.js"></script>

然后像这样添加一个 UL 列表，同时可以再加上自定义的样式。

<ul class="sortable"

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

最后初始化 

//初始化

$('.sortable').sortable()

//绑定方法:当改变排序后执行

$('.sortable').sortable().bind('sortupdate', function() {//Triggered when the user stopped sorting and the DOM position has changed. })

//移除拖动排序功能

$('.sortable').sortable('destroy')

下载成功之后，将这个软件拖动到浏览器的插件位置即可安装

安装成功后，我们点击打开网页上的一个视频，就会出现这样一个小浮窗

我们点击+或-就可以将视频加速或者减速了

插件包一般里面有对应的js文件和css文件，有些可能只有js文件；

你要用在自己的页面上的话，引入方式如下（都放在head标签里面）；

<script src="这个里面就放js文件路径加文件名"></script>

<link rel="stylesheet" type="text/css" href="这个里面就放css文件路径加文件名"/>

调用js功能函数，比如函数名是checkEmail就这样写：

<script>checkEmail("[email protected]")</script>

当然插件的话 肯定是带一些参数的，这个得看具体插件是怎么写的

---