.click doesn't work in reactjs

Question

I'm trying to do an accordion in jquery in a react project. In the public / index.html, I included my public file / main.js and jquery and in the main.js file I put this function

jQuery(document).ready(function(){
$('h2').click(function(){
alert('okay');
})
}

but it does not work, however, if I replace h2 by body, when I click somewhere the alert works. After several tests, I ended up thinking that it was because of the loading of the script In fact, the h2 does not exist at first, then Reactjs does the work, fetching data from firebase and displaying it. The h2 are displayed at this time. So I think my script does not find the h2 tag What do you think ? How do I have to make it work?

Dario · Accepted Answer · 2018-04-28 17:06:01Z

1

I would do:

$("body").on("click", "h2", function() { alert("okay"); })

in this way you listen to click events on body (which exists from the initial loading) and then execute this particular handler only for h2 tags (which can be added later dynamically).

answered Apr 28, 2018 at 17:06

Dario

6,3109 gold badges42 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

.click doesn't work in reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related