jQuery仿Windows桌面图标管理的一点探索
Windwos的桌面图标管理方式,即
?
<ul id="sortable1"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul>?
jQuery?
$(function(){ function sortable_item_click(){//定义点击后执行的函数 $( "#sortable1 li" ).click(function(){ put_your_own_function_here()//这里是你自己的函数 }) } sortable_item_click()//初始化绑定点击动作 $( "#sortable1" ).sortable({ //使用soratble方法使列表可以拖放排序 start:function(event){//拖放开始 if(event.which == 1){//如果是左键 $( "#sortable1 li" ).unbind("click")//则取消点击动作 } }, stop:function(event){//拖放结束 if(event.which == 1){//如果是左键 $("#sortable1").animate({" ":" "},1,function(){//松开左键之后1毫秒后重新绑定 sortable_item_click() }) } } })})