Question

I have a function, which appends a div into a div(2). Inside div(2) I have a span. if I click this span, a function shall be executed.(click() function)

Currently I can not apply any function by onclick(), if div(2) gets inserted by jQuery.
If I insert div(2) directly (hardcoded) I can execute the function.

How can I apply a function to an object which is inserted by jQuery?

Answer 1

Use delegate() to handle events for future elements — those which are not yet part of the DOM:

$(document).delegate(".div2 > span", "click", function () {
   // handle click event here
});