发表于: 2017-02-18 03:09:29

2 1220


今天完成的事情:

经师兄提醒发现有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); 

        };}


收获:

加深事件绑定的认识


返回列表 返回列表
评论

    分享到