html - 如何禁用href链接并启用链接？

Question

我想做一个存档。当链接被点击时，它应该被禁用，如果再次点击它应该被启用。如何制作这样的链接。

Answer 1

你应该看到这个小提琴：http: //jsfiddle.net/FfTmL/3/

HTML：

<input type="button" id="btn" value="Click Me!" />
<br /><br />
<input type="button" id="target" value="ENABLE" />

CSS：

.disabled{
    background:#ccc;
    color: #AAA;
    border: 1px solid #DDD

}

jQuery：

$(function(){
    $("#btn").click(function(){
        if( $("#target").hasClass("disabled") ){
            $("#target").removeClass("disabled");
        }else{
            $("#target").addClass("disabled");
        }
    });
});

Answer 2

将 id "buttonid" 应用到 ypur 按钮休息将按您的需要工作。

$('#buttonid').on('click', function() {
if ( $(this).hasClass('active') ) {
    // write anything if you want to perform any action when it is active
}
return false;
});

/* CSS 部分 */

#patient { pointer-events: none; }
#patient.active { pointer-events: auto; }

谢谢...