jquery - Razor でイベント ハンドラーを無効にして有効にする

Question

私のウェブサイトの他のすべてのビューで使用される部分ビューがあります。あるページで、リンクのクリック効果を無効にしてから、いくつかのアクションの後に再度有効にする必要があります。次のコードを使用して無効にすることができます

 $("#Link").off();

しかし、再び有効にすることはできません。$("#Link").on(); で試しました しかし、うまくいきません。私はWeb開発が初めてなので、これを理解するのに苦労しています。

Answer 1

ブール値フラグを使用して、要素が有効かどうかを判断できます。

var linkEnabled = true;

// Return false if link is not enabled
// (It will continue normal execution if it returns true)
$('#Link').on('click', function() {
    return linkEnabled;
});

// Example: disable link on click of another element, then re-enable it after some actions
$(yourElement).on('click', function() {
    linkEnabled = false; // disable link
    // Do some stuff here
    linkEnabled = true; re-enable link
});

Answer 2

offjQuery のメソッドは使用しないでください。その要素からすべてのイベント ハンドラーを削除します (そしてそれらを破棄します)。代わりに、その要素を無効にします。

$("#Link").prop('disabled', true);

有効にするには:

$("#Link").prop('disabled', false);

無効な要素に対してイベントは発生しません。