JavaScript来禁用点击

Question

HTML：

<a href="#" id="one">this should be disabled button</a> 
<a href="#" onclick='$("a#one").click();'>click button 2</a> 

的Javascript：

$(document).ready(function() { 
    $('#one').click({ 
     alert("clicked!"); 
    }); 
}); 

如何让我的第一个链接无法点击，而第二连杆实际点击一号链接。

Answer 1

只需触发点击禁用你想禁用后：

这里的a working fiddle to demonstrate。

CSS

.disableClick { 
    pointer-events: none; 
    color: grey; 
} 

HTML

<a href="#" id="one" class="disableClick">this should be disabled button</a><br /> 
<a href="#" id="two">click button 2</a> 

的JavaScript

$(document).ready(function() { 
    $('#one').click(function() { 
    alert("Link one clicked!"); 
    }); 

    $("#two").click(function() { 
    $("#one").trigger("click"); 
    }); 
}); 

添加itional信息

因为它涉及禁用您的锚点，有很多选项。从这里开始 - How do you make an anchor link non-clickable or disabled?

Answer 2

另一种方法可以是使用jquery one，在那里你会绑定的事件，每次用它

<a href="#" id="one">this should be disabled button</a> 
<a href="#" id="two">click button 2</a> 

观察，我增加了一个ID在第二锚固件标签

$(document).ready(function() { 
    $('#one').unbind("click"); //unbind the click on the first anchor 
    $('#two').bind("click", function(){ //bind it for once. 

     $('#one').one("click", function(){ 
      alert("one click triggered"); 
     });   
     $("#one").trigger("click"); //trigger the click after binding it for one 
    }); 

});