这个我已经有了
<html>
<head>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<script>
$( function() {
$( "#draggable" ).draggable();
} );
</script>
<body>
<div id="containment-wrapper">
<div id="draggable" class="ui-widget-content draggable">TEST</div>
</div>
</body>
</html>
现在我想在刷新时记住div的位置
最佳答案
尝试使用localStorage
:
var position = localStorage.getItem("pos");
if (position) {
position = position.split(",");
$("#draggable").css({
position: "relative",
left: Number(position[0]),
top: Number(position[1])
});
}
$( "#draggable" ).draggable({
stop: function(e, obj) {
localStorage.setItem("pos", obj.offset.left + "," + obj.offset.top);
}
});
localStorage
将最后拖动的位置存储在浏览器的数据库中。它对于您的域来说是持久的,直到被删除/更改为止。如果您想在浏览器关闭后清除此数据,请使用 sessionStorage
相反。
但是,如果您有一个用户 session 并且想要存储在数据库中以供将来访问,则必须使用表单请求或更好的 ajax 请求将元素的位置发布到服务器端 API,以便将其保存在数据库中并检索以供进一步使用。
关于javascript - 我想要 jquery 可拖动脚本来记住位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39357765/