一个简单的拖动排序效果，具体请参看jQuery ui官网demo。

jquery ui :

sortable例子：

效果如图：

html代码：

   
     
        
      
心情
        
      
            相册            上传        
        
      
            日志            发表        
        
      
投票
        
      
分享
        
      
群组
    
     

js代码：

 注意：

注意导入的jQuery版本和jQuery.ui版本的匹配问题，锋利的jQuery书中的例子导入：

    <script type="text/javascript" src="../../scripts/jquery-1.3.1.js"></script>

    <script type="text/javascript" src="../../scripts/ui.core.js"></script>

    <script type="text/javascript" src="../../scripts/ui.sortable.js"></script>

当把jQuery版本改为1.11.*时，浏览器报错找不到$.browser , $.ui 等，高版本的只需导入：