form表单绑定submit事件无效，是教程有问题还是我哪里写错了？
来源：4-2 添加及查看Task（2）
qq_ZERO
2017-04-07
form表单绑定submit事件无效，是教程有问题还是我哪里写错了？
;(function () {
'use strict';
var $form_add_task = $(".add-task"),
new_task = {},
task_list = [];
init();
$form_add_task.on('submit',function (e) {
//阻止默认行为
e.preventDefault();
// 获取新task的值
new_task = $(this).find('input[name=content]').val();
//如果新task的值为空，则直接返回 否则继续执行
if(!new_task.content) return;
// 存入新task
add_task(new_task);
})
function add_task(new_task) {
//将新task推入task_list
task_list.push(new_task);
//更新localStorage
store.set('task_list',task_list);
console.log('task_list',task_list);
}
function init() {
task_list = store.get('task_list') ;
}
})();
2回答
-
木易涛童鞋
2017-04-22
老师使用是javascript的写法，但是我们使用的是jquery的方法，所以我使用了jquery的惯用写法，需要在加载完毕的$(function() {...});里面写，这样就是有效的，至于老师的写法为什么生效，就不得而知了。00 -
qq_夜未央_7
2017-04-08
看一下html结构是不是和教程一样的。js这样是有绑定的，可以在里面console.log()就知道了
00
相似问题