使用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
    });
});