Javascript jQuery:；点击"；已绕过.on（）函数中的参数

我正在学习jQuery动画功能，并编写一个小游戏，用户必须在设定的时间范围内单击移动的

div

。游戏被写入，因此当时间结束时，将显示最终分数，并且如果用户单击游戏，将显示一个

div

选项“重新开始”

问题在于游戏结束时显示的“重新开始”

div

以下是函数：

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

而

div

$（“#重新开始”）

正在引用：

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

通过调试，我发现当调用

GameOver（）

时，

$（“#重新启动”）的第一个参数并调用
Reset（）
。换句话说，
Reset（）
是自动调用的，用户无需单击
$（'#重新启动）
。因此，我第一次尝试修复这个问题是将
$（“#重新开始”）.on（“单击”，重置（））
在
$（document）.ready（）
中，但该操作也可以，用户可以单击它，但不会调用
Reset（）

很明显，问题与
$（“#重新开始”）的位置有关在脚本中，但除了弄清楚上面的内容外，我不太确定接下来该怎么做

我在这里发布了这个问题，我为你更新了小提琴。问题在于您的
重置
功能

应该是

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