Javascript 删除和添加类后如何重新启用单击功能？

我需要在删除和添加类后重新启用单击功能，下面是脚本示例

function prev() {
var click_lf = 0;
var click_dsb_lf = 0;


$('.sl-lft').on('click', function () {

    var curr = parseInt($('.active-thumb').children('span').text().charAt(0));
    click_lf += 1;
    click_dsb_lf += 1;

    if (click_dsb_lf <= 1) {
        sc_right.removeClass('sl-lft-off').addClass('sl-lft').on('click'); // here is a problem
        sc_left.removeClass('sl-lft').addClass('sl-lft-off').off('click');
        // console.log('event');
        console.log(click_dsb_lf);

    }

    if (click_lf == 3 || curr < 3) {
        thmbs_wrp.animate({scrollTop: '-=' + '149px'}, 500);
        click_lf = 0;
    }


});

函数prev（）{
var单击_lf=0；
var click_dsb_lf=0；
$（'.sl lft'）。在（'click'，函数（）{
var curr=parseInt（$（'.active thumb'）.children（'span'）.text（）.charAt（0））；
单击_lf+=1；
单击_dsb_lf+=1；
如果（单击）您需要使用事件委派方法

只需使用：

$('body').on('click','.sl-lft', function () {

而不是：

$('.sl-lft').on('click', function () {

您可以使用事件委派来解决此问题，因为在事件委派的情况下，选择器将被动态评估

function prev() {
    var click_lf = 0;
    var click_dsb_lf = 0;


    $(document).on('click', '.sl-lft', function () {

        var curr = parseInt($('.active-thumb').children('span').text().charAt(0));
        click_lf += 1;
        click_dsb_lf += 1;

        if (click_dsb_lf <= 1) {
            sc_right.removeClass('sl-lft-off').addClass('sl-lft');
            sc_left.removeClass('sl-lft').addClass('sl-lft-off');
            // console.log('event');
            console.log(click_dsb_lf);
        }

        if (click_lf == 3 || curr < 3) {
            thmbs_wrp.animate({
                scrollTop: '-=' + '149px'
            }, 500);
            click_lf = 0;
        }
    });
}

prev();

函数prev（）{
var单击_lf=0；
var click_dsb_lf=0；
$（文档）.on（'单击'，'.sl lft'，函数（）{
var curr=parseInt（$（'.active thumb'）.children（'span'）.text（）.charAt（0））；
单击_lf+=1；
单击_dsb_lf+=1；
if（单击其他函数不起作用例如
if（单击if==3 | | curr<3）{thmbs\u wrp.animate（{scrollTop:'-='+'149px'}，500）；单击if=0；}