javascript - 如何禁止第二次点击 Google +1 按钮

Question

我将禁止再次点击 Google +1 按钮。

<g:plusone callback='click_callback' href="myurl.com"></g:plusone>

我的click_callback函数是:

function click_callback(b) {
  if(b.state == "on") {
    $.ajax({
      type: "POST",
      url: "gp1process.php",
      data: "id=" + id,
      cache: false,
      success: function(a) {
        $("#Hint").html(a);
        remove(id);
        click_refresh()
      }
    })
  }

我可以使用 one() jQuery 的方法？

Answer 1

由于我实际上并没有发布到 ajax 请求，所以我放置了 $(this).attr("disabled", "disabled")在 ajax 调用之前，但您需要在成功函数中使用它。

这将在您单击按钮后添加disabled=“disabled”属性到您的按钮。我认为这就是您正在寻找的。

$(document).ready(function() {
  $('button').click(click_callback);
});

function click_callback(b) {
  id = $(this).attr('id');
  if (!$(this).attr("disabled")) {
    //the line below should be in your success function
    //i placed it here so you can see the feature work 
    //since i am not really running the ajax
    $(this).attr("disabled", "disabled")
    $.ajax({
      type: "POST",
      url: "gp1process.php",
      data: "id=" + id,
      cache: false,
      success: function(a) {
        $(this).attr("disabled", "disabled")
        $("#Hint").html(a);
        remove(id);
        click_refresh()
      }
    })
  } else {
    //the button is diabled do something else

  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<g:plusone callback='click_callback' href="myurl.com"></g:plusone>
<button id="theID">+1</button>

<div id="hint"></div>