我有一个add element函数,它工作得很好。我只是不知道如何将这个函数添加到本地存储中。很新,你能解释一下吗?
$(document).on('click', 'li#order_open', function(){
$(this).before('<li><a href="Menu.php">New restaurant</a></li>');
// add to localsorage?
var order_open = $('li#order_open').html();
localStorage.setItem('li#order_open', order_open);
localStorage.setItem($(this));
});
发布于 2015-10-01 18:34:44
你所拥有的可能会被使用。您可以将标记保存到本地存储,然后检索它并将其添加回DOM。
请注意,此代码片段不会在答案中运行,因为沙箱框架不能访问localStorage
。
function appendFromLocal() {
//This is just for demonstration purposes
$(document.body).append(localStorage.getItem('div'));
//This is what could be used to reload the element on page load
//$('div').html(localStorage.getItem('div'))
}
function addNewItem() {
$('ul').append('<li><a href="Menu.php">New restaurant</a></li>');
var order_open = $('div').html();
localStorage.setItem('div', order_open);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="appendFromLocal()">Append From Local Storage</button>
<button onclick="addNewItem()">Add New Item</button>
<div>
<ul>
<li><a href="Menu.php">New restaurant</a></li>
</ul>
</div>
https://stackoverflow.com/questions/32894440
复制相似问题