jQuery单击选择器不起作用

Question

I am quite new to jQuery but I know my way around (ish).

I could try and explain it but it is easier to show you a demo ( http://codepen.io/georgearnall/pen/KjtAw ).

I want it so that when a user clicks on the mobile navigation toggle the menu should slide in from the side. Then if the user wants to close the navigation they can just tap anywhere on the page content (.page-wrap) and it will slide away again.

My problem is that the classes added during the code do not seem to work in the javascript.

Also, if there is another more simple way of doing this feel free to share :)

Thanks for any help

Answer 1

Event delegation my friend. Your binding click events to classes that get added dynamically, try changing your click handlers to the following syntax:

$(document).on("click", ".active .page-wrap", function() {

Here's a demo: http://codepen.io/anon/pen/HJfxE