Question

我正在做一个游戏。在这个特定级别，屏幕上充满了按钮，您必须按两个特定按钮才能进入下一级别。到目前为止，我已尝试使用计数器（设置变量，每次单击右键时添加+1，然后在该变量达到2时移至下一级），使用.val（）和正确的按钮点击返回＆＃34; true＆＃34;值（所以当收到两个＆＃34; true＆＃34;值时，它会移动到下一个级别＆＃34;。这些都不起作用，说实话，我不明白.val（）那个好吧。另外，我不知道这是否会影响它，但是在点击它后我会禁用每个正确的按钮。

我已经查看了这个页面，但我不确定我是否完全理解它。它看起来像我之前尝试的那样做，在点击按钮时向变量添加1并在变量达到2时触发事件：How to trigger an event after clicking two different button in Javascript

TL; DR：有没有人知道在点击两个按钮后如何触发事件？

//first button
$("#button").click(function() {
    $(this).prop("disabled", true);
});

//second button
$("#otherButton").click(function() {
    $(this).prop("disabled", true);
});

//then, after the above two buttons have been pressed, i want to hide Level 2 (.lvl2) and show Level 3 (.lvl3).

Answer 1

试试这样。

var nlevel = 0;

//first button
$("#button").click(function() {
    $(this).prop("disabled", true);
nlevel++;
});

//second button
$("#otherButton").click(function() {
    $(this).prop("disabled", true);
nlevel++;
if(nlevel==2)
{
nlevel = 0;
gotonlevel(); // function call for next level
}
});

function gotonlevel()
{
// code for next level 
}

Answer 2

存储全局变量并在单击第一个按钮后将其更新为true。单击第二个按钮时，检查该变量是否设置为true。如果是，请进入下一个级别。

$(function(){
  var firstClicked;
//first button
$("#button").click(function() {
    firstClicked = true;
});

//second button
$("#otherButton").click(function() {
    if(firstClicked) {
        $('#level').text('Next Level');
    }
});
});

#button, #otherButton {
    border-radius: 3px;
    padding: 6px 12px;
    background-color: #58d;
    width: 50px;
    height: 10px;
    margin: 5px;
    cursor: pointer;
}
#level {
    margin-top: 10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="button">First</span>
<span id="otherButton">Second</span>
<div id="level"></div>

Answer 3

有了这个，首先点击任一按钮，它会给你成功。

var buttonClick = 0;
$("#button, #otherButton").on("click", function(){
  if(buttonClick == 0){
    buttonClick++;
  }else{
     console.log("Success.");
  }
});

如何在点击两个不同的按钮后触发事件？

3 个答案: