Question

大家好我试图制作JS / JQ游戏：重击鼹鼠。

我创造了一个'世界'，有6个div可以改变颜色（显示痣的位置），我也有三个按钮可以选择简单，正常或硬。

我坚持两件事： 1：button.click对任何事情都没有反应（甚至p上没有最简单的css变化） 2：div不会改变颜色（这可能是问题1的后续行动）

这是我的代码：

ID为“car”的p和文本“blablacar”用于显示“简单”单击命令以更改颜色。

任何人都可以通过我的代码看到错误（可能很多，但只是按钮部分）？感谢您阅读我的帖子

enter code here



<body>

    <script type="text/javascript" src="../jquery-3.1.1.js">
    "use strict";

        var currentScore = 0;
        var niveau = 0;
        var currentLives = 3;
        var inAction = false;

        var moleworld = "#moleWorld";
        var field = ".field";

        var beginEasyClick = document.getElementById("beginEasyClick");
        var beginnNormalClick = document.getElementById("beginNormalClick");
        var beginHardClick = document.getElementById("beginHardClick");

        var displayScore = document.getElementById("_displayScore");
        var $field = $(moleworld).find(field);


        var getrandomInt(function(min , max)
                         {return Math.floor(Math.random() * (max - min - 1 )) + min}

        function randomField() {
$($field[getrandomInt(0 , 8)]);





            function showmole()
            {
                $(beginEasyClick).click(function{

                $("#car").css("color" , "blue");
            })};

    </script>
<p id="car">blablacar</p>
<div id="StartMenu"></div>
 <button id="beginEasyClick"> Easy </button>
    <button id="beginNormalClick"> Normal </button>
    <button id="beginHardClick"> Hard </button>
<div id="generalInformation">
<p id="_displayScore"> </p> </div>

<div id="moleWorld">

  <div class="field"> </div> 
     <div class="field"> </div> 
     <div class="field"> </div> 
     <div class="field"> </div> 
     <div class="field"> </div> 
     <div class="field"> </div> 
    <div class="field"> </div> 
    <div class="field"> </div> 
    </div>

</body>

Answer 1

除了一些包围错误（甚至无参数函数需要有空（）括号），按钮的click()事件处理程序在showmole()函数内定义，而不在任何地方调用。您必须将此部分移动到脚本的$().ready()部分，以便在文档加载后立即添加处理程序。

$().ready(function() {
  $(beginEasyClick).click(function () {
    $("#car").css("color", "blue");
  });
});

正如评论中所提到的，您将来也应该在jsfiddle上发布您的代码，以便其他人可以更轻松地为您提供帮助。这是the fiddle代码，带有一个工作“简单”按钮。

JS / JQ Whack-A-Mole游戏

1 个答案: