问题不显示,请老师指点
来源:4-3 添加及查看Task(3)
陆氏姐妹
2017-03-20
我在老师您提供的网页中下载store.js的代码,可是下载出来后没有store.js的引用文件,我又拷贝此网页上提供的store.js文件里的代码,引入到html里面来,按照您的测试,store.get 和set的方法,console出来中文是乱码,英文正常。后面的代码经过几次都没有反映,页面也不报错,不知道怎么更改。没办法写下去了
;(function(){
'use strict';
// store.set('user','LUCINDA');
// var user =store.get('user');
//console.log('user',user);
var $form_add_task=$('.add-task')
,new_task={}
,task_lisk=[]//把输入框里的内容存在任务列表里
;
init();
$form_add_task.on('submit',function(e){
//禁用默认行为
e.preventDefault();
//获取新task的值
new_task.content=$(this).find('input[name="content"]').val();
//如果新task的值为空,则直接返回否则继续执行
if(!new_task.content) {
return;
}else{
if(add_task(new_task)){
render_task_list();
}
}
console.log('new_task'.new_task);
});
function add_task(new_task){
// 将新task推入task——list里面
task_list.push(new_task);
//更新localStorage
store.set('task_list',task_lisk);
}
function init(){
task_lisk= store.get('task_list')||[] ;
}
function render_task_list(){
var $task_list=$('.task_list');
$task_list("");
for(var i=0;i<task_list.length;i++){
var $task= render_task_tpl(task_lisk[i]);
$task_list.append($task);
}
}
function render_task_tpl(data){
var list_item_tpl=
'<div class="task-item">'+
'<span><input type="checkbox"/></span>'+
'<span class="task-content">'+data.content+'</span>'+
'<span>删除</span>'+
' <span>详细</span>'+
'</div>';
return $(list_item_tpl);
}
})();
请老师给予指点
2回答
-
星空下的小孩
2017-05-10
if(add_task(new_task)){
render_task_list();
}你add_task(new_task)得有返回值啊
你在add_task()函数里加上 return true;表示,添加成功后,返回true值,然后才更新任务列表。
00 -
qq_夜未央_7
2017-04-08
中文乱码在<head>标签里面加上<meta charset="UTF-8">,这一句。
代码没反应的话在具体的if判断条件打一下,看是不是哪里没进入。
if(判断条件){
console.log(“执行。。”)
}
00
相似问题