Question

我正在尝试构建一种扫雷游戏，我需要一些关于最终游戏的帮助。我使用JQuery使游戏的表成为函数生成表。我需要的是游戏结束时，不允许用户点击表格中的任何单元格。到目前为止，这是我尝试过的：

if(gameField[rand][col]==1){
    $(button).text("X");
    checkForBombs();
    var endGame = confirm("You lost. Do you want to play again?");
        if(endGame === true){
            window.location.reload();
        }
        if(endGame === false){
            $('#tableboard').click(function(event){
                event.stopPropagation();
            });
        }
}

它基本上检查是否到达了endGame然后根据用户输入它是否开始新游戏。当用户按下取消时，该表不应再从用户那里获取任何输入。

我们将非常感谢有关如何实现这一目标的任何想法。我不需要确切的代码，但是指导或适当的功能使按钮处于非活动状态，同时仍然在endGame上显示信息将不胜感激。

Answer 1

你可以简单地禁用按钮：

$('.your-button').prop('disabled', true);

Answer 2

我认为您已经在元素$('#tableboard')之前绑定了一个事件来接受点击事件。如果这是真的，只需解除绑定到游戏结束代码中该元素的任何点击事件。

if(endGame === false){
    $('#tableboard').unbind('click');
}

Answer 3

我会选择：

if(endGame === false) {
    $('#tableboard').attr('disabled', 'disabled').on('click', function(e) {
        e.preventDefault();
    });
}

Answer 4

以下是使其有效的最终代码：

if(endGame === false){
            $('#tableboard button').attr('disabled', 'disabled');
                event.preventDefault()

        }

感谢D4V1D的想法。基本上，如果用户取消新游戏，则表中的每个按钮都被禁用，他可以查看游戏以及炸弹所在的位置。

JQuery停止点击按钮

4 个答案: