Jquery onclick not working for dynamic class

Asked Sep 04 '18 at 11:18

Active Sep 04 '18 at 11:20

Viewed 29 times

I have a tag :

<p class="link show"><p>

$('.show').click(function() {
    $(this).removeClass( "show" ).addClass( "hide" );
});   

$(".hide").on("click", function(){
    alert('Clicked...');
});

The show class removes and hide class adds successfully, But onclick is not working for hide class.

What am i missing ?

edited Sep 04 '18 at 11:20

Rory McCrossan

331,213
40
305
339

asked Sep 04 '18 at 11:18

Dip

2

`$(document).on('click' , '.hide' , function(){})` – Mohamed-Yousef Sep 04 '18 at 11:19
@Mohamed-Yousef its not working for it. – Dip Sep 04 '18 at 11:19
You need to use delegated event handlers as you're changing the classes you hook to dynamically at runtime. See the duplicate I marked above – Rory McCrossan Sep 04 '18 at 11:20
@RoryMcCrossan, Its quite wired, The answers not working either in your duplicate mark. – Dip Sep 04 '18 at 11:30
Yes it does: http://jsfiddle.net/6275mgeb/ – Rory McCrossan Sep 04 '18 at 12:58

Jquery onclick not working for dynamic class

0 Answers0