那个知道用js实现div拖拽后怎么保存

JavaScript024

那个知道用js实现div拖拽后怎么保存,第1张

拖拽无非就是改变容器的位置,所以你记录id,left,top就行了

然后下次加载的时候取出来再调整容器的位置

至于记录到哪,有很多实现,你可以记录到cookie,也可以传回服务器保存,甚至是HTML5的本地存储,这个选择要看你的需求了

希望对您有帮助~

By Billskate

可以使用jquery.cookie.js扩展包,先到网络上下载好

使用方法:

前后html省略

<script src="/js/jquery.cookie.js"></script>

<script>

//设置cookie

//test为键名,1为键值,第三个参数是失效时间

$.cookie("test", "1", { expires: 7 })// 存储一个带7天期限的 cookie

//读取cookie

$.cookie("test")

//删除cookie

$.cookie("test", "1", { expires: -1 })//设置过期时间为负就失效了

</script>

将div的innerHTML置为空即可,下面有2类方法可以实现:

假设有如下的html片段:

<div id="test">这是要删除的内容,还要保留test本身</div>

原生js法

document.getElementById('test').innerHTML = ''

jQuery法

$('#test').empty()//jQuery方法一

$('#test').html('')//jQuery方法二