今天完成的事
1，将传递的值准确写入页面对应处；
虽然存储值可以准确写入页面对应处，但是页面的天数信息却会在操作完成一整个步骤后不显示；
2，新增将对应信息写入对应页面处的代码：
实现过程是：当第一天的四个步骤完成后，开始新一天之后，渲染前一天的所有的步骤信息；
if (newRecord != null) {
if (newRecord[0]["daytime"] != undefined) {
for (let i=0; i < data; i ++) {
var deathOrder_3 = newRecord[i]["night"];
var deathOrder_4 = newRecord[i]["daytime"];
var death_1 = roleList_s[deathOrder_3 - 1]["role"];
var death_2 = roleList_s[deathOrder_4 - 1]["role"];
$(".message-night").eq(i).text(deathOrder_3 + "号被杀手杀死，真实身份是" + death_1);
$(".message-daytime").eq(i).text(deathOrder_4 + "号被投票投死了，真实身份是" + death_2);
$(".process-one").eq(i).css("background-color","#83b09a").addClass("change");
// $(document).off("click", ".process-one");
// $(document).off("click", ".process-two");
$(".process-two").eq(i).css("background-color","#83b09a").addClass("change");
$(".process-three").eq(i).css("background-color","#83b09a").addClass("change").off("click");
$(".process-four").eq(i).css("background-color","#83b09a").addClass("change").off("click");
}
}
}
明天的计划
1，解决天数信息显示的问题；
遇到的问题
1，第二天四个步骤操作完成后，第二天的天数信息没有显示；初步解决办法是查找相应的代码段，着重分析调试第二次渲染时代码运行状况；
2，为元素添加off()方法移除点击事件无效：
$(".process-four").eq(i).css("background-color","#83b09a").addClass("change").off("click");
其中方法链中的off没有生效，暂未找到解决方法；
收获
1，off方法的学习：
https://codeplayer.vip/p/j7sqo
2，与off对应的on方法：
https://codeplayer.vip/p/j7sq1
3，调试解决了昨天的问题，但今天出现了其他新的问题，还需要多加调试修正；
返回列表
评论