Question

使用Metro UI CSS创建draggable非常简单：

<div data-role="draggable"></div>

最终用户拖动这样的元素很有趣，如果我可以为用户的下一次访问保存可拖动的位置（在被拖动之后），这将是非常好的。那我怎么能这样做呢？

Answer 1

对于这些类型的东西，通常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保存可拖动的位置？

1 个答案: