如何將本地存儲應用於待辦事項列表

我正在開發應用程序，此應用程序的一部分就像待辦事項列表。用戶可以添加和刪除列表項。我一直在嘗試將本地存儲應用於此列表，但我無法做到。如何將本地存儲應用於待辦事項列表

HTML：

<input type="text" id="entrada" placeholder="" /> 
<a href="#" data-role="button" id="agregar">Add</a> 
<ul id="list" data-role="listview"> 
</ul>

JS：

$('#agregar').on('click', function() 
{ 
$('#agregar').on('click', function(event) { $('#entrada').val("")}) 

var entrada = $('#entrada').val(); 
if($("#entrada").val() == '') 
{ return false; } 
$('#list').append('<li><a hreft="#">'+entrada+<'</a></li>'); 
$('#list').listview('refresh'); 
} 
)

來源

2016-07-04 yonige

看看http://todomvc.com/有很多庫和框架包括jQuery todo應用程序（與localStorage）代碼。源代碼將幫助您解決問題 – charlietfl

我們可以爲您提供幫助，但不存在問題中顯示的localStorage代碼或數據結構。如果沒有顯示的嘗試，或更具體的問題提到，它看起來像你需要有人爲你寫這個。那真的不是這個網站的工作原理 – charlietfl

這裏是列表的保存在本地存儲工作的例子，所以即使你關閉了頁面，並再次打開它的待辦事項列表仍然存在 http://codepen.io/mozzi/pen/mEwqzE

這是代碼，你必須改變：

$('#agregar').on('click', function() { 
    $('#agregar').on('click', function(event) { 
    $('#entrada').val("") 
    }) 

    var entrada = $('#entrada').val(); 
    if ($("#entrada").val() == '') { 
    return false; 
    } 

    $('#list').append('<li><a hreft="#">' + entrada + '</a></li>'); 
    localStorage.setItem("todolist", $('#list').html()); 
    $('#entrada').val(""); 
    $('#list').listview('refresh'); 
}) 

$(function(){ 
    $('#list').html(localStorage.getItem("todolist")); 
})();

來源

2016-07-04 23:55:44

謝謝。它正在工作。 – yonige

Mina我可以問一個跟進問題。您將如何從您的codepen示例中的本地存儲中刪除項目。 – Karadjordje

如何將本地存儲應用於待辦事項列表

回答

相關問題