好吧,所以我有两个按钮,一个添加狗到狗列表,另一个清除整个列表。
两者都工作正常,只有一件事困扰我的是只有OnSubmit按钮刷新页面。
狗列表加载在OnReady中,只有在添加项目时才会刷新列表。当我清除列表时,我需要手动刷新页面以查看更改。
function OnSubmit(event) {
addToStorageList(dogs, dog);
}
function OnClickClearList() {
localStorage.setItem('dogs', JSON.stringify([]));
}
function addToStorageList(listName, itemToAdd) {
var list = JSON.parse(localStorage.getItem(listName));
if (!Array.isArray(list)) {
list = [];
}
list.push(itemToAdd);
localStorage.setItem(listName, JSON.stringify(list));
}
$('#btn1').click(OnSubmit);
$('#btn2').click(OnClickClearList);
感谢您的帮助,谢谢!
答案 0 :(得分:2)
在我看来,没有人应该刷新,刷新你应该使用
" location.reload(); "
在你的职能结束
其中一个刷新的原因是我无法看到的代码(你已经发布了)或者一个名为OnSubmit而且它干扰了表单提交按钮或其他东西