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

不要使用 jQuery 的off方法。它从该元素中删除所有事件处理程序（并将它们丢弃）。相反，禁用该元素：

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

并启用它：

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

事件不会为禁用的元素触发。