Fatal编程技术网
  • javascript/
  • Javascript 需要在按钮上单击两次或更多次才能触发功能

Javascript 需要在按钮上单击两次或更多次才能触发功能

javascript jquery html css

Javascript 需要在按钮上单击两次或更多次才能触发功能,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我知道已经有人问过这类问题，但我找到的答案对我的案例毫无帮助。 因此，我有一个函数GameOverScreen（），它导致点击按钮重置所有内容。 当我点击我的按钮时，我的大部分代码都完成了，但没有一行：$（“#gameOver”）.css（'display'，'none'）

我知道已经有人问过这类问题，但我找到的答案对我的案例毫无帮助。 因此，我有一个函数
GameOverScreen（）
，它导致点击按钮重置所有内容。 当我点击我的按钮时，我的大部分代码都完成了，但没有一行：
$（“#gameOver”）.css（'display'，'none'）
请注意，我的HTML中没有单击事件，它是一个简单的
p
，里面有一个输入：


<p>Pour recommencer la partie, cliquez sur le bouton :<input type="reset" id="restart" value="Recommencer"></p>


编辑：如果需要，这里是我的HTML：


<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title>Mini jeux</title>
    <script src="jquery-3.1.1.js"></script>
    <script src="exercice17.js"></script>
    <link rel="stylesheet" href="exercice17.css">
</head>
<body>
    <div id="main">

        <div id="playground">
             <div id="plane">
                <img src="sources/images/avion1.png">
                <img id="prop" src="sources/images/helice.png">
            </div>
            <audio id="engine" src="sources/son/moteur.mp3" loop></audio>
            <div id="arrows">
                <section id="up"><img src="sources/images/boutons.png"></section>
                <section id="down"><img src="sources/images/boutons.png"></section>
               <section id="right"><img src="sources/images/boutons.png"></section>
               <section id="left"><img src="sources/images/boutons.png"></section>
            </div>
        </div>

        <div id="cmd">
            <div id="onOff">
                <span>Démarrer/arrêter :</span>
                <div id ="on"><img id="start" src="sources/images/on-off.png"></div>
            </div>
            <div id="compteur">
                <span>Vitesse :</span>
                <input type="text" id="speedometer" value="000" size="1" max='270'>
                <p>km/h</p>
            </div>
            <div id="instructions">
                <p>Après avoir démarrré, utilisez les flèches du clavier pour piloter l'avion. Sinon, vous pouvez activer/ désactiver les commandes tactiles : <input type="button" id="display" value="Afficher"></p>     </div>
            <div id="flyButton">
            </div>
        </div>

        <div id="gameOver">
            <h1>GAME OVER</h1>
            <p>Pour recommencer la partie, cliquez sur le bouton :<input type="reset" id="restart" value="Recommencer"></p>
        </div>

    </div>

</body>




迷你jeux
Démarler/arrêter：
维特斯：
公里/小时

4月4日，拉维昂领航员用键盘演奏。西农，你是一名活跃分子/désactiver les commandes触觉：

游戏结束
波顿河畔的政党重新开始：




我不能完全确定这个答案，但是
用于将所有表单（如果有）值重置为默认值。我不认为你想在这里这么做。您是否可以尝试将输入按钮的
类型更改为类似
的内容？
如果您将其可见性隐藏起来，它也可能工作得更好。（不完全确定，因为您的代码似乎非常具体）

比如：


$('#gameOver').css('visibility', 'hidden');



您也可以尝试：
$（“#重置）。在（“单击”，重置（））；
谢谢您的快速回答，但对我也不起作用…您的浏览器控制台打开了吗？当
重置（）时，控制台是否显示任何内容
函数应该运行吗？在我看来一切都正常。可能还有其他东西没有包含在这里？什么是planeHeight，可能是对DOM对象的全局引用？间隔在做什么？尝试删除重置中的元素，以找出导致其掉落的实际原因。尝试替换inpu我不知道为什么“显示”“无”不起作用，但我会从现在开始考虑这个解决方案！亲爱的。请投票给我，这样我就可以写评论了：如果你告诉我怎么做，我会很乐意的！我相信这是我的主要答案旁边的向上箭头。还有一种方法可以让我的答案成为你选择的答案。谢谢你的回答，终于“可见”、“隐藏”起作用了。

$('#gameOver').css('visibility', 'hidden');