How to re-enable click function after remove and add class? [duplicate]

Question

I need to re-enable click function after remove and add class, here is script example

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();

Arun P Johny · Accepted Answer · 2015-10-12 07:32:29Z

1

You can use event delegation to solve the problem since the selectors will be evaluated dynamically in the case of event delegation

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();

answered Oct 12, 2015 at 7:32

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Val Do Over a year ago

other function not work

Val Do Over a year ago

for example

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

Muhammad Bilal · Accepted Answer · 2015-10-12 07:32:20Z

1

You need to use event-delegation approach

Just Use:

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

instead of:

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

answered Oct 12, 2015 at 7:32

Muhammad Bilal

2,1341 gold badge15 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to re-enable click function after remove and add class? [duplicate]

2 Answers 2

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Linked

Related