问题不显示,请老师指点

来源: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);
   }
})();
http://szimg.mukewang.com/58cfaec6000182c509420646.jpg

请老师给予指点

写回答

2回答

星空下的小孩

2017-05-10

 if(add_task(new_task)){
             render_task_list();
  }

你add_task(new_task)得有返回值啊

你在add_task()函数里加上 return true;表示,添加成功后,返回true值,然后才更新任务列表。

0
0

qq_夜未央_7

2017-04-08

中文乱码在<head>标签里面加上<meta charset="UTF-8">,这一句。

代码没反应的话在具体的if判断条件打一下,看是不是哪里没进入。

if(判断条件){ 

console.log(“执行。。”)

}


0
0

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

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

1219 学习 · 161 问题

查看课程