Question

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

提前感谢任何帮助

HTML CODE：

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

JAVASCRIPT CODE：

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();"并使用urllib.parse

<强>。一（）

将处理程序附加到元素的事件。处理程序已执行   每个事件类型每个元素最多一次。

所以： -

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

Answer 2

在函数顶部添加标志是停止执行的一般技术：

addGame.flag

{{1}}为addGame函数
第一次运行时将flag设置为true
一旦flag为true，该函数将立即返回

Answer 3

您可以添加/删除类以调整点击功能的行为。

html代码（没有onclick）

<a role="button" class="btn btn-success" id="createGameButton" >Create Coinflip</a>

javascript代码

$("#createGameButton").click(function(){

  //if we have not clicked already on this link
  if( ! $(this).hasClass("already-clicked") )
  {
      $.ajax(
      {
          /* [...your normal code...] */
          success: function (data)
          {
              /* [...your normal code...] */
              $(this).addClass("already-clicked")
          }
      });
    }
});

Answer 4

您可以通过添加“禁用”课程来完成此操作。在按钮Here is JSBIN

中

禁用锚点按钮

4 个答案: