jQuery .on() event doesn't work for dynamically added element

Question

I\'m making a project where a whole div with buttons is being inserted dynamically when user click a button, and inside that div there\'s a button, which when the user click

Answer 1

You need to specify a selector with on (as a parameter) to make it behave like the old delegate method. If you don't do that, the event will only be linked to the elements that currenly match div.mainTaskWrapper (which do not exists yet). You need to either re-assign the event after you added the new elements, or add the event to an element that already exists, like #tasksWrapper or the document itself.

See 'Direct and delegate events' on this page.