Element calling old action after class change

Asked Feb 22 '19 at 18:15

Active Feb 22 '19 at 18:15

Viewed 15 times

I have a p element that when i click i want to change the class of it (from A to B). I can see the class indeed changes but when i click the element it continues to call the action on A not on B.

I though it was because i was doing it dinamically but even using on i can't get this to work.

        <p class='a'>Class is A</p>

        $(".a").on("click", function(e){

            alert("A");
            $(this).removeClass("a");
            $(this).addClass("b");
            $(this).html("Changed to B");
        });

        $(".b").on("click", function(e){

            alert("B");

        });

asked Feb 22 '19 at 18:15

Gusfat

You're binding the event handlers to the element, you're just using the classes to find the elements when the page is first loaded. – Barmar Feb 22 '19 at 18:18
You need to use event delegation, `$(document).on("click", ".a", ...)` – Barmar Feb 22 '19 at 18:18
@Barmar this question comes up a lot but I don't know of a good canonical dupe for it. Do you? – chiliNUT Feb 22 '19 at 18:19
1

@chiliNUT What about the dup I used? – Barmar Feb 22 '19 at 18:20
@Barmar ha, i didnt reload my page so I didnt see it yet. – chiliNUT Feb 22 '19 at 18:21
I did a lot of research but i could not come up with the right terms to find what i needed. Thanks for the help Barmar, i can vote your awnser if you make one. – Gusfat Feb 22 '19 at 23:09

Element calling old action after class change

0 Answers0