как отключить и включить гиперссылку с jquery

Question

У меня есть гиперссылка на моей веб-странице, и я хочу отключить, чтобы пользователь не мог нажать на нее, и когда пользователь внесет изменения в другую часть формы (произойдет событие) ссылка активируется.

<a href="" id="saveChanges" >Save changes</a> 

Я попытался $("#saveChanges").attr("disabled", true);, но я все еще могу нажать на ссылку. Есть идеи? спасибо

Answer 1

Анкер не является полем формы, которое можно отключить с помощью объявления HMTL (которое, кстати, должно использовать .prop() вместо .attr()).

Это должно быть сделано шаг за шагом.

$(function() { 
    $('a').on("click", function (e) { 
     e.preventDefault(); 
    }); 
}); 

Answer 2

Чтобы сделать ссылку unclickable, вы можете удалить атрибут href. Однако перед удалением значения href вы должны сохранить его в другом атрибуте в другом, чтобы восстановить его, если это необходимо. Например,

function makeUnClickable() { 
    $('a').each(function() { 
     $(this).data('href', $(this).attr('href')); 
     $(this).removeAttr('href'); 
    }); 
} 
function makeClickable() { 
    $('a').each(function() { 
     $(this).attr('href', $(this).data('href')); 
    }); 
} 

http://jsfiddle.net/cC7Um/