jquery - jqueryでハイパーリンクを無効化・有効化する方法

Question

Web ページにハイパーリンクがあり、無効にしてユーザーがクリックできないようにしたいのですが、ユーザーがフォームの他の部分を変更すると (イベントが発生すると)、リンクが有効になります。

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

試してみ$("#saveChanges").attr("disabled", true);ましたが、まだリンクをクリックできます。何か案が？ありがとう

Answer 1

リンクをクリックできないようにするには、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/

Answer 2

アンカーは、HMTL 宣言によって無効にできるフォーム フィールドではありません (ちなみに、 の.prop()代わりにを使用する必要があります.attr())。

それは段階的に行われなければなりません。

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