jqueryuisortable如何实现拖拽后保存位置-创新互联

这篇文章主要介绍了jquery ui sortable如何实现拖拽后保存位置，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联是一家专业提供随州企业网站建设,专注与成都网站建设、成都做网站、html5、小程序制作等业务。10年已为随州众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

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

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

利用拖拽stop后利用

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

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

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




 
 jQuery UI 拖动（Draggable） - 约束运动
 
 
 
 
 
 
 


  
   
     
      
        
         放在这里

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

放在这里

行业动态