页面显示不了之前的任务?
来源:4-3 添加及查看Task(3)
星空下的小孩
2017-05-10
var form_add_task = $(".add-task"),
task_list = [];
init();
form_add_task.on('submit',function(e){
var new_task={};
e.preventDefault();
new_task.content = $(this).find('input[name=content]').val();
if(!new_task.content) return;
if(add_task(new_task)){
render_task_list();
}
});
//获取当前的任务列表
function init(){
task_list = store.get(task_list) || [];
if(task_list.length){
render_task_list();
}
}
function add_task(new_task){
task_list.push(new_task);
store.set('task_list',task_list);
return true;
}
//任务列表模板
function task_list_tpl(data){
var task_item_tpl=
"<div class='task-item'>"+
"<input type='checkbox'/>"+
"<span class='task-content'>" + data.content + "</span>"+
'<span>删除</span>'+
'<span>详细</span>'+
'</div>'
;
}
// 更新任务列表
function render_task_list(){
var task_list = $(".task-list");
task_list.html(' ');
for(var i=0;i<task_list.length;i++){
var task = task_list_tpl(task_list[i]);
task_list.append(task);
}
}
2回答
-
星空下的小孩
提问者
2017-05-10
求解决
00 -
星空下的小孩
提问者
2017-05-10
页面一刷新,所以内容都不见了
00
相似问题