Я хотел сохранить мое перетаскивание в localStorage, но когда я обновляюсь, тащить место не туда, где я его уронил. Я использовал jQuery UI | Draggable.Как сохранить drag & drop на localStorage?
Как мы можем сохранить его в LocalStorage?
HTML
<p id="text">Lorem ipsum dolor sit amet.</p>
<button id="save">Save localStorage</button>
<button id="clear">Clear localStorage</button>
<div id="append-area"></div>
JS
$(function() {
$("#save").click(function() {
var text =$("#text").text();
$("#append-area").append(text+"<br>");
var appended=$("#append-area").html();
localStorage.setItem("appended",appended);
});
if (localStorage.getItem('appended')) {
$('#append-area').html(localStorage.getItem('appended'));
}
$("#append-area").draggable();
$("#clear").click(function() {
window.localStorage.clear();
window.location.reload();
});
});
Ваш код работает хорошо, но я бы порекомендовал u пойте методы JSON с ним, как localStorage.setItem («добавлено», добавлено); на localStorage.setItem («добавлено», JSON .stringify (добавлено)); localStorage.getItem ("прилагается"); к JSON .parse (localStorage.setItem ("прилагается"))); –
Я сделал то, что вы сказали, но перетащить не удалось. И зачем мне использовать JSON .stringify? @miketracker – Norx
проверить мой ответ, что вам нужно? –