热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

jqueryuisortable拖拽后保存位置

这篇文章主要为大家详细介绍了jqueryuisortable拖拽后保存位置的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

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

利用拖拽stop后利用

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

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

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




 
 
 
 
 
 
 
 
 


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

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


推荐阅读
author-avatar
沐月954_290
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有