[解決済み] アンカーリンクをクリックできないようにしたり、無効にするにはどうしたらよいですか？

質問

アンカーリンクがあるのですが、ユーザーがクリックしたら無効にしたいのです。または、テキストの周りからアンカータグを削除しますが、間違いなくテキストを保持します。

<a href='' id='ThisLink'>some text</a>

このようなことはボタンで簡単にできる。 .attr("disabled", "disabled");

disabledプロパティを追加することに成功しましたが、リンクはクリック可能なままでした。

テキストに下線が引かれているかどうかはどうでもいいのですが。

何か手がかりはありますか？

間違ったミュージシャンをクリックすると、"Wrong" が追加され、クリックできなくなるはずです。

クリックしたときに正しい場合は、"Awesome" が追加され、その後すべて無効になるはずです。 <a> タグを無効にします。

どのように解決するのですか？

私はちょうどあなたが求めていたものを理解しました（私は願っています）。ここに醜い解決策があります

var preventClick = false;

$('#ThisLink').click(function(e) {
    $(this)
       .css('cursor', 'default')
       .css('text-decoration', 'none')

    if (!preventClick) {
        $(this).html($(this).html() + ' lalala');
    }

    preventClick = true;

    return false;
});