html的冒泡排序问题

html-css021

html的冒泡排序问题,第1张

把下面的代码拷贝到你的文件里面 <SCRIPT>var myarr=new Array()//HTML var clicknum=new Array()//点击次数 function initarr(){//初始化，把连接写在下面 myarr[0]="<a href=\"javascript:myonclick\(0\)\\">A<\/a>"myarr[1]="<a href=\"javascript:myonclick\(1\)\\">B<\/a>"myarr[2]="<a href=\"javascript:myonclick\(2\)\\">C<\/a>"} clicknum[0]=clicknum[1]=clicknum[2]=0function oninit(){ initarr()document.getElementById("container").innerHTML=myarr.join("  ")//输出 } document.body.onload=oninitfunction myonclick(index){ clicknum[index]++initarr()//去除注释 var ifor(i=0i<=2i++){ myarr[i]="<!-- "+(9999999-clicknum[i])+" -->"+myarr[i]//添加注释 } myarr.sort()//排序 document.getElementById("container").innerHTML=myarr.join("  ")//输出 } </SCRIPT><DIV id=container></DIV>

采纳哦

如果你用过 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')

一般都是先排序再渲染，可以是服务器端直接输出排序结果直接渲染，也可以获取数据之后排序完再渲染。

如果是渲染完再排序那么页面会发生”闪现“，严重点会出现页面短暂混乱，如果列表很长那么页面将”自己动起来“，很吓人的。比起页面”自己动起来“宁愿让它短暂的"转圈圈"一点点加载。