jquery ui sortable拖拽后保存位置

前端之家收集整理的这篇文章主要介绍了jquery ui sortable拖拽后保存位置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

利用拖拽stop后利用

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

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

<Meta charset="utf-8"> jQuery UI 拖动(Draggable) - 约束运动 <Meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
只有鼠标放在小长方形里才能移动
  • 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

    jqueryuiuiui拖拽

    猜你在找的jQuery相关文章