为什么我的添加不起, 也没有报错

来源: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()。

0
0

6小时 jQuery开发一个前端应用

搭建一个清单应用,一次性掌握jQuery核心功能和使用技巧

1219 学习 · 161 问题

查看课程