Question

我正在学习jQuery动画功能并创建一个小游戏，用户必须在设定的时间范围内点击移动的div。游戏是写入的，这样当时间结束时，显示最终得分，div给用户提供选项以再次开始＆＃34;如果用户点击它。

问题出在＆＃34;再次开始＆＃34;游戏结束时显示的div。

这是功能：

function GameOver(){
    $(".game-over").show();
    $("#total-score").text(points);
    $(".anidiv").hide();
    $("#start-again").on("click", Reset());
}

div $("#start-again")正在引用：

<div id="start-again" class="game-over">
    <img src="Pictures\tryagain.png" id="tryagain">
</div>

通过调试，我发现在调用GameOver()时，会绕过$("#start-again").on("click", Reset());的第一个参数并调用Reset()。换句话说，Reset()会自动调用，而无需用户点击$('#start-again)。所以我第一次修复此问题就是将$("#start-again").on("click", Reset());放在$(document).ready()中，但也可以使用，用户可以点击它，但Reset()不会被调用。

很明显，问题与脚本中$("#start-again").on("click", Reset());的位置有关，但除了搞清楚以上情况外，我不太清楚从哪里开始。

我已在JSFiddle

上发布了此问题

Answer 1

我为你更新了小提琴。问题在于您的Reset功能

应该是

$("#start-again").on("click", Reset);

https://jsfiddle.net/6vLscpt0/1/

jQuery：＆＃34;点击＆＃34;绕过.on（）函数的参数

1 个答案: