jquery ui sortable拖拽后保存位置

jqueryUI sortable 可以用来进行页面拖拽布局，然而有一个小问题就是拖拽后如何保存状态。

工作中遇到了这个情况，遍把这个问题记了下来，具体思路是：

利用拖拽stop后利用

 var arr = $( ".sortable" ).sortable('toArray');

记录拖拽后的id数组顺序，然后把这个数组存起来，可以存cookie,数据库，localstorage等，刷新页面后读取这个数组，然后进行重新排序。

具体的代码如下可直接复制运行。本文将数组保存在localstorage里面。

 
 
 
 
 
 
 
 
 


  

   

     

      

        

         
放在这里
 
         只有鼠标放在小长方形里才能移动
        
      
     
     

       

        

        
放在这里
 
        
     
     
 
     

       

         

         
放在这里
 
        
       
     
 
     

       

         

         
放在这里
 
         
       
     
 
     

       

         

         
放在这里
 
        
     
     

       

        

         
放在这里
 
        
       
     
      
   
  

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。