申请关闭后再打开on（）事件

Question

应用事件off()后，如何重新打开on('click')事件？

$('#btn-aluno').on('click', function() {
    $('.new-step-email-aluno').toggle();
    $('#btn-familiar').off();
});
$('#btn-familiar').on('click', function() {
    $('.new-step-email-familiar').toggle();
    $('#btn-aluno').off();
});

new-step-email-familiar new-step-email-aluno和new-step-email-aluno = <input>

btn-aluno和btn-familiar = <span> （用作按钮）

Answer 1

除了关闭事件监听器之外，您还可以使用event delegation来做同样的事情，

$(document).on('click',"#btn-aluno.active", function() {
    $('.new-step-email-aluno').toggle();
    $('#btn-familiar').removeClass("active");
});

$(document).on('click',"#btn-familiar.active", function() {
    $('.new-step-email-familiar').toggle();
    $('#btn-aluno').removeClass("active");
});

每当您要激活事件侦听器时，只需将active类添加到相关元素即可。 同样在document的地方，尝试使用将绑定事件的元素的任何最接近的静态父元素。

---

根据您的要求，您已如下编辑逻辑，

$(document).on('click',"#btn-aluno.active", function() {
    $('.new-step-email-aluno').toggle();
    $('#btn-familiar').toggleClass("active");
});

$(document).on('click',"#btn-familiar.active", function() {
    $('.new-step-email-familiar').toggle();
    $('#btn-aluno').toggleClass("active");
});

DEMO