为什么我的添加不起, 也没有报错
来源:4-3 添加及查看Task(3)
加咖啡喵
2017-10-09
跟着视频来的,为什么页面一点反映也没有,store.js 是引入成功了的
;(function () {
'use strict';
var $from_add_task = $('.add_task'),
task_list = [];
init();
$from_add_task.on('submit', function (e) {
var new_task = {}, $input;
e.preventDefault();
$input = $(this).find('input[name=content]');
new_task.content = $input.val();
if (!new_task.content) return;
if (add_task(new_task)){
render_task_list();
$input.val(null);
}
})
function add_task(new_task) {
//将新的task推入task_list
task_list.push(new_task);
//更新localstorage
store.set('task_list', task_list);
return true;
}
function init() {
task_list = store.get('task_list') || [];
if (task_list.length) {
render_task_list();
}
}
function render_task_list() {
var $task_list = $('.task_list');
$task_list.html('');
for (var i = 0; i < task_list.length; i++) {
var $task = render_task_tpl(task_list[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 class="fr">' + '<span class="action"> 删除 </span>' +
'<span class="action"> 详情 </span>'+
'</span>'
'</div>'
return $(list_item_tpl);
}
})();写回答
1回答
-
慕沐2366226
2017-11-02
53行,最后不用加$符号吧,返回字符串就行。或者在42行引用的时候写$task.html()。
00
相似问题