发表于: 2017-02-18 03:09:29
2 1223
今天完成的事情:
经师兄提醒发现有psd文件这玩意。最近常用js代码编程,jq手生得很,鉴于以后任务中的一些功能使用jq会便捷一点,决定任务4开始转成jq进行编写。
重新熟悉jq的选择器、点击事件的绑定和解绑、css样式的修改,完成“开始游戏”后,点击身份头像完成“kill”的状态转换。
明天计划的事情:
继续熟悉jq库功能,处理“法官台本”页面第一天的流程。
遇到的困难:
使用js的for(var i=0;i<arr.length;i++)绑定onclick事件时候,如果直接使用i,内部的i值始终为最后的一个循环值。
百度发现三个方法:1、点击事件前添加arr[i].index = i ;点击事件中调用this.index。(绑定数据在dom元素上)(测试通过)
2、建立一个绑定点击事件的事件,再使用for调用。(闭包)(测试通过,没看懂跟普通方式的区别,有空研究)
var lis = document.querySelectorAll ('ul li');
var anonymous = function (i){
lis[i].onclick = function (){
alert (i + 1);
};
};
for ( var i = 0; i < lis.length; i++){
anonymous (i);
}
3、使用let(块级变量?)关键字声明,DW软件代码报错下运行测试通过,道理估计同1。
for ( var i = 0; i < aIdentityOut.length; i++){
let j = i;
aIdentityOut[i].onclick = function (){
alert (j + 1);
};}
收获:
加深事件绑定的认识
评论