javascript - 禁用 anchor 按钮

Question

我需要帮助使我的 anchor 按钮在之前被点击一次后无法点击。

如有任何帮助，我们将不胜感激

HTML 代码:

            <div class="text-center">
            <a role="button" class="btn btn-success" id="createGameButton" onclick="addGame();">Create Coinflip</a>
        </div>

JavaScript 代码:

function addGame() 
{
var side = $("#side").val();
var steamid = $("#steamid").val();
var amount = $("#amount").val();
var buttonText = document.getElementById('createGameButton').innerHTML;

if(buttonText=='Create Coinflip')
{
    $.ajax(
    {
        url: 'addGame.php', 
        type: 'POST', 
        data: 'side=' + side + '&steamid=' + steamid + '&amount=' + amount, 
        dataType: 'text', 
        success: function (data) 
        {
            document.getElementById('game-alert').innerHTML = data;
            $("#game-alert").fadeIn();
            refreshGames();
            document.getElementById('createGameButton').innerHTML = 'Create Coinflip';
        }
    });
}
}

Answer 1

删除 onclick="addGame();" 并使用 one

.one()

Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

所以:-

$('#createGameButton').one("click", addGame);