发表于: 2019-04-19 22:38:29
1 648
今天完成的事情,按钮禁止点击。
遇到的问题,如何动态的渲染,每天投死的人,和每天杀死的人。当时我想的是。
var death=JSON.parse(sessionStorage.getItem("death"));
获取,死亡数组的number-1,渲染死掉的div。但是这样的话,我需要写无数个这样的代码,而且,天晓得下一个杀的是谁。
师兄叫我的方法。在存放浏览器的对象里面,添加一个class类的属性,去进行渲染。live都是活着的人,death就是死掉的人。
但是当时真的没有,迷过来,对象还可以这么完,把div的class放进for循环了,都懵懵懂懂的。没有绕过来这个弯。
在我们建立对象的数组里面,存入一个新的属性。class:“live”;
var gather=[];
for (let i=0; i<zz.length;i++){
gather.push({name:zz[i],number:i+1,state:1,class:"live"});
//push进去一个数组,存放死掉的对象的信息。
}
//
for循环,给模板字符串渲染的div里面,添加上去。。
for (let i = 0; i < list.length; i++) {
let div = (`<div class="game-box" id="kills">
<div class="role ${list[i].class}">${list[i].name}</div>
<div class="number">${i + 1}${typeface}</div>
<img class="kill" src="../img/img-7-2.png" height="30" width="30"/>
</div>`
);
这样的话,渲染出来的每个玩家div的class都会有个,live。
在杀人与投票的页面里面,push的死亡对象。
}else if (list[subscrip //取出数组。
t].name=="平民") {
var death=JSON.parse(sessionStorage.getItem("death"));
// 把死亡状态的对象传入数组。
death[death.length-1].push({name:list[subscript].name,number:list[subscript].number,state:list[subscript].state=2,class:list[subscript].class="death"});
// 浏览器存值。
sessionStorage.setItem("list",JSON.stringify(list));
sessionStorage.setItem("death",JSON.stringify(death));
console.log(death.length);
// 页面跳转
window.location.href="../html/start-game.html";
// 把页面四个按钮的值变量存值。
sessionStorage.setItem("figure",Store);
console.log(list[subscript].name);
获取对象的数组,push的时候,把死亡的玩家的类名。class:“live”改成death。
然后再次进入页面。for循环的时候,自然而然,死掉的玩家的class就是,death。
遇到的问题,颜色无法覆盖,解决办法。。
death{
background: #565656 !important;
}
加了importnt。
div禁止点击的时候,懵了不知道该怎么样去禁止点击好一些。最后迷瞪过来了,无非就是有这个类的全部禁止点击。。我居然想写个if判断,看一下,判断一下,有没有这个类。
$(".death").parent().off("click");
今天收获,没有想到对象的类可以这样去使用。。真的是太灵活好用了。
明天计划,开始写if判断。游戏结果。。
评论