使用Jquery或Javascript單擊一次后如何將元素更改為不可單擊

Question

代碼是：

<a href="#" style="color:black" onClick="Record($id)">Done</a>  

我希望該部分一旦單擊就變得不可單擊，如何使用Jquery或Javascript實現呢？

Answer 1

使用.one（）方法可以做到這一點..

$(document).ready(function(){

   $('#anch1').one('click', function() {
      Record(/* your parameter */);
    });

});

Answer 2

提供錨標記一個ID，然后從HTML標記中刪除onclick處理程序。

<a id="anch1" href="#" style="color:black">Done</a>  

$(function(){
    $("#anch1").bind("click",function(){
        // do your action here
        $(this).unbind("click"); //unbinds the click event
    });
});