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

});