jqueryuisortable如何实现拖拽后保存位置

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

创新互联专注于复兴网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供复兴营销型网站建设，复兴网站制作、复兴网页设计、复兴网站官网定制、小程序开发服务，打造复兴网络公司原创品牌,更为您提供复兴网站排名全网营销落地服务。

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

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

利用拖拽stop后利用

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

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

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




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


  
   
     
      
        
         放在这里

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

放在这里放在这里放在这里放在这里放在这里

感谢你能够认真阅读完这篇文章，希望小编分享的“jquery ui sortable如何实现拖拽后保存位置”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!

文章标题：jqueryuisortable如何实现拖拽后保存位置
链接URL：http://lszwz.com/article/gossjc.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉，无效全额退款

乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。

友情链接交换友情链接

成都联通服务器托管网络整合营销西云机房自适应网站建设电信机房托管成都印刷厂成都雪糕加盟界面设计成都网站建设手机微信网站

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室 All Rights Reserved 蜀ICP备2021004003号-25

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室

蜀ICP备2021004003号-25