如何使用Metro UI CSS保存可拖動的位置？

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")) 
})