页面显示不了之前的任务?

来源: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

求解决

0
0

星空下的小孩

提问者

2017-05-10

页面一刷新,所以内容都不见了

0
0

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

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

1219 学习 · 161 问题

查看课程