如何使用 Metro UI CSS 保存可拖动的位置？
How to save positon of draggable with Metro UI CSS?
使用 Metro UI CSS 创建 draggable 非常简单：
<div data-role="draggable"></div>
终端用户这样拖动一个元素很有趣，如果我能为用户下次访问保存draggable（被拖动后）的位置就更好了。那我该怎么做呢？
对于这些类型的东西，通常 javascript 将其 css 作为样式属性处理（在本例中也是如此）。您可以将其样式属性保存在 localStorage.
中
HTML:
<div class="box" data-role="draggable"></div>
JavaScript/JQuery:
if ( localStorage.getItem("elmPos")) {
$(".box").attr("style", localStorage.getItem("elmPos"))
}
$(".box").on("mousedown touchstart mousemove touchmove mouseup touchend", function() {
localStorage.setItem("elmPos", $(".box").attr("style"))
})
使用 Metro UI CSS 创建 draggable 非常简单：
<div data-role="draggable"></div>
终端用户这样拖动一个元素很有趣，如果我能为用户下次访问保存draggable（被拖动后）的位置就更好了。那我该怎么做呢？
对于这些类型的东西，通常 javascript 将其 css 作为样式属性处理（在本例中也是如此）。您可以将其样式属性保存在 localStorage.
中HTML:
<div class="box" data-role="draggable"></div>
JavaScript/JQuery:
if ( localStorage.getItem("elmPos")) {
$(".box").attr("style", localStorage.getItem("elmPos"))
}
$(".box").on("mousedown touchstart mousemove touchmove mouseup touchend", function() {
localStorage.setItem("elmPos", $(".box").attr("style"))
})