IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

亚马逊运营

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

如何获取杀人数据和投票数据?

1

1

事件数据类型

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

var condition = JSON.parse(sessionStorage.getItem("condition"))

该问题已被官方收录

如何将后续增加的死者组成数组

0

1

Jquery操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 //选择杀死对象
    $(".peo-box").click(function () {
        $('.peo-knife').hide();
        $(this).siblings().children().show();
        killRole = $(this).find('.peo-pic').html();//死者身份
        killNum = $(this).find('.peo-num').html() - 1;//死者编号
    });

    var arr_killRole = [killRole];
    var arr_killNum = [killNum];


    $(".footer-btn").click(function () {
        if (player[killNum]=='平民'||player[killNum]==undefined) {
            $(".peo-pic").eq(killNum).css({"backgroundColor":"#83b09a"});//高亮死者
            sessionStorage.setItem("killRole",killRole);//存储死者身份
            sessionStorage.setItem("killNum",killNum);//存储死者编号
            location.href = 'process.html';
        } else {
            alert('您是杀手不能杀死本职业，请选择其他玩家杀死')
        }
    });

该问题已被官方收录

jQuery中文档就绪事件

0

1

Jquery操作

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0">
    <title>法官日记</title>
    <link rel="stylesheet" type="text/css" href="../css/task234-riji.css">
  </head>
  <body>      
    <!-- 页眉 -->
    <header>
      <img src="../images/11.png">
      <span>法官日记</span> 
      <img src="../images/09.png">
    </header>
    <!-- 内容主体 -->
    <main>
      <!-- 水民一号 -->
      <div id="box">
        <!-- 通过js动态输入HTML代码 -->
      </div>
    </main>
    <footer>
      <span>开始游戏</span> 
    </footer>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/javascript-state-machine/2.0.0/state-machine.min.js"></script>
    <script src="../js/task234-riji.js"></script>
  </body>
</html>

该问题已被官方收录

法官台本详情显示问题

0

1

js基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(document).ready(function () {

    //获取
    var day = sessionStorage.getItem('day');//天数
    var stateNow = sessionStorage.getItem("stateNow");//当前状态
    var arr_player = JSON.parse(sessionStorage.getItem("arr_player"));//玩家状态数组
    var killNum = sessionStorage.getItem('killNum');//被杀下标
    var arr_killNum = JSON.parse(sessionStorage.getItem('arr_killNum'));//被杀下标数组
    var voteNum = sessionStorage.getItem("voteNum");//投票下标
    var arr_voteNum = JSON.parse(sessionStorage.getItem('arr_voteNum'));//投票下标数组

    //防止页面后退
    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });

    //返回
    $("#btn-back").click(function () {
        sessionStorage.clear();
        location.href = 'assign.html';
    });
    //关闭
    $(".btn-close").click(function () {
        sessionStorage.clear();
        location.href = 'index2.html';
    });
    //结束游戏
    $(".again").click(function () {
        sessionStorage.clear();
        location.href = 'index2.html';
    });

    //当前杀人详情
    function judgeKill() {
        if (arr_killNum[day-1]=='no') {
            $('#kill').after(
                "<div class='killText'>" +
                '没有进行任何操作' +
                "</div>"
            )
        }else {
            $('#kill').after(
                "<div class='killText'>" +
                "<span class='killNum'>" + (Number(killNum)+1) + "</span>" +
                "号被杀手杀死，真实身份是平民" +
                "</div>"
            );
        }
        $('.circle2').css({'top':'1.8rem'});
    }
    //过去杀人详情
    function judgeKill2() {
        if (arr_killNum[day-2]=='no') {
            $('.kill').eq(i-1).after(
                "<div class='killText'>" +
                '没有进行任何操作' +
                "</div>"
            )
        }else {
            $('.kill').eq(i-1).after(
                "<div class='killText'>" +
                "<span class='killNum'>" + (Number(arr_killNum[i-1])+1) + "</span>" +
                "号被杀手杀死，真实身份是平民" +
                "</div>"
            );
        }
        $('.circle2').css({'top':'1.8rem'});
    }
    //当前投死信息
    function judgeVote() {
        $('#vote').after(
            "<div class='voteText'>" +
            "<span class='voteNum'>" + (Number(voteNum)+1) + "</span>" +
            "号被投票投死，真实身份是平民" +
            "</div>"
        );
    }
    //过去投死信息
    function judgeVote2() {
        $('.vote').eq(i-1).after(
            "<div class='voteText'>" +
            "<span class='voteNum'>" + (Number(arr_voteNum[i-1])+1) + "</span>" +
            "号被投票投死，真实身份是" + arr_player[voteNum].role +
            "</div>"
        );
    }

    //start/killed状态转变
    if (stateNow == null){
        stateNow = 'start';
    }

    //动态增加天数
    $("#time-num").text(day);
    if (day>1){
        for (var i=1; i<day; i++){
            //添加天数
            var html =
                "<div class=\'day-box\'>" +
                "<div class=\'date\'>" +
                "<span class=\'time\'>" + "第" +
                "<span class='time-num'>" + i + "</span>" + "天" +
                "</span>" +
                "<img class='down' src='img/down.png'>" +
                "</div>" +
                "<div class=\"proc-box\">" +
                "<div class=\"left\">" +
                "<div class=\"border\"></div>\n" +
                "<div class=\"circle\"></div>\n" +
                "<div class=\"circle2\"></div>"+
                "</div>" +
                "<div class=\"proc\">"+
                "<div class=\"process kill\"><div class=\"trg\"></div>杀手杀人</div>\n" +
                "<div class=\"process\"><div class=\"trg\"></div>亡灵发表遗言</div>\n" +
                "<div class=\"process\"><div class=\"trg\"></div>玩家依次发言</div>\n" +
                "<div class=\"process vote\"><div class=\"trg\"></div>投票</div>"+
                "</div>"+
                "</div>"+
                "</div>";
            $(".day-box").eq(i-1).before(html);
            //杀人信息显示
            judgeKill2();
            judgeVote2();
            //详情隐藏
            $(".day-box").eq(i-1).find(".proc-box").hide();
            //高亮
            $(".proc-box").eq(i-1).find(".process").css({"background":"#83b09a"});
            $(".proc-box").eq(i-1).find(".trg").css({"border-right":"#83b09a solid .22rem"});
        }
    }

    //天数点击展示\隐藏
    $(".date").click(function(){
        $(this).next().slideToggle();
    });
    $("#date_now").click(function(){
        $(this).next().slideToggle();
    });

    //状态机
    var fsm = new StateMachine({
        init: stateNow,
        transitions: [
            { name: 'kill', from: 'start', to: 'killed' },
            { name: 'speak', from: 'killed', to: 'spoke' },
            { name: 'talk', from: 'spoke', to: 'talked' },
            { name: 'vote', from: 'talked', to: 'voted' }
        ],
        methods: {
            onKill: function() {
                $("#kill").css({"background":"#83b09a"});
                $("#trg1").css({"border-right":"#83b09a solid .22rem"});
            },
            onSpeak: function() {
                $("#speak").css({"background":"#83b09a"});
                $("#trg2").css({"border-right":"#83b09a solid .22rem"});
            },
            onTalk: function() {
                $("#talk").css({"background":"#83b09a"});
                $("#trg3").css({"border-right":"#83b09a solid .22rem"});
            },
            onVote: function() {
                $("#vote").css({"background":"#83b09a"});
                $("#trg4").css({"border-right":"#83b09a solid .22rem"});
            }
        }
    });

    //开始杀人
    $("#kill").click(function () {
        if (fsm.state=='start'){
            fsm.kill();
            location.href='kill.html';
        } else {
            alert('请按顺序操作');
        }
    });
    //死者自白
    $("#speak").click(function () {
        if (fsm.state=='killed'){
            var YN = confirm('请死者亮明身份并且发表遗言');
            if (YN==true){
                fsm.speak();
                stateNow = fsm.state;
                sessionStorage.setItem("stateNow",stateNow);//当前状态
            }
        } else {
            alert('请按顺序操作');
        }
    });
    //玩家讨论
    $("#talk").click(function () {
        if (fsm.state=='spoke'){
            var YN = confirm('玩家依次发言讨论');
            if (YN==true){
                fsm.talk();
                stateNow = fsm.state;
                sessionStorage.setItem("stateNow",stateNow);//当前状态
            }
        } else {
            alert('请按顺序操作');
        }
    });
    //玩家投票
    $("#vote").click(function () {
        if (fsm.state=='talked'){
            fsm.vote();
            stateNow = fsm.state;
            sessionStorage.setItem("stateNow",stateNow);//当前状态
            location.href='vote.html';
        } else {
            alert('请按顺序操作');
        }
    });

    //状态判断
    switch (fsm.state){
        case "killed":
            fsm.onKill();
            judgeKill();
            break;
        case "spoke":
            fsm.onKill();
            fsm.onSpeak();
            judgeKill();
            break;
        case "talked":
            fsm.onKill();
            fsm.onSpeak();
            fsm.onTalk();
            judgeKill();
            break;
        case "voted":
            fsm.onKill();
            fsm.onSpeak();
            fsm.onTalk();
            fsm.onVote();
            judgeKill();
            judgeVote();
    }

    //存储
    sessionStorage.setItem("arr_player",JSON.stringify(arr_player));//玩家状态数组
    sessionStorage.setItem('day',day);
});

该问题已被官方收录

控制台查看都选中了同一个元素，确判断为false

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for(var i = 0;i<$(".block--true").length;i++){//点击后返回当前元素在集合内的下标
   var a =$(".block--true").eq(i)
var b =this
   if (a == b){
console.log(i)
}else {
console.log("没有执行")
console.log($(this))
console.log($(".block--true").eq(i))
}
}

该问题已被官方收录

在投票页面，拿不到法官台本上传到sessionStorage的天数

1

1

本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

sessionStorage.getItem("day");

该问题已被官方收录

本地存储如何灵活运用

0

1

本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 对死者渲染样式
died=JSON.parse(sessionStorage.getItem("died"));
console.log(died);
if(died!=null){
	for(i=0;i<died.length;i++){
		$(".people").eq(died[i]-1).css("opacity","0.5");
	};	
};
$(".people").mouseenter(function (){
	number=$(this).find(".number").text();
	console.log(number);
	role=$(this).find(".vocation").text();
	console.log(role);	

})
//点击bottom按钮功能
$(".footer").click(function(){
	console.log(role);
	if(role=="杀手"){
		died=JSON.parse(sessionStorage.getItem("died"));
		if(died.indexOf(number)!=-1){
			alert("得饶人处且饶人,请放过死者!");		
		}
		else{
			alert("请不要自相残杀!")
		}
	}
	if(role=="平民"){
		var died=JSON.parse(sessionStorage.getItem("died"));
		console.log(died);
		if(died==null){
			died=[];
			died.push(number);
			console.log(died);
			sessionStorage.setItem("died",JSON.stringify(died));
			window.location.href="game.html";
		}
		else{
			if(died.indexOf(number)!=-1){
				alert("得饶人处且饶人,请放过死者!");		
			}
			else{
				died.push(number);
				console.log(died);
				sessionStorage.setItem("died",JSON.stringify(died));
				window.location.href="game.html";
			}
			if((Math.floor((1/3)*all.length)-diedKiller.length)==0||(Math.floor((1/3)*all.length)-diedKiller.length)==(all.length - (Math.floor((1/3)*all.length))-(died.length-diedKiller.length)) ){
				window.location.href="result.html";
			}
		}
	}
	if(role==undefined){
		alert("请选择你要杀死的玩家!");
	}
})

该问题已被官方收录

为什么杀人和投票过程不能进行到最后？

0

1

控制流程语句本地储存

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

for (var i=0;i<s.length;i++){
per[i]={}
per[i].hao=i
per[i].id=s[i]
per[i].zhu="life"
}

该问题已被官方收录

如何阻止事件冒泡

1

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<div id="div">
    <p id="p">段落文本内容
        <input type="button" value="点击" id="btn"/>
    </p>
</div>
<script>
    var div = document.getElementById("div");
    var p = document.getElementById("p");
    var btn = document.getElementById("btn");
    div.onclick = function () {
        alert("div");
    };
    p.onclick = function () {
        alert("p");
    };
    btn.onclick = function () {
        alert("btn");
    }
</script>

该问题已被官方收录

如何在下一天的时候不能点击前几天的事件

1

1

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

$(function () {
    for (var i = 0; i < days - 1; i++) {
        $(".Sequence").eq(i).delegate("li", "click", function (event) {
            var target = $(event.target);
            alert("请返回当天流程操作");

        })
    }
})

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1