event fired by a future loaded element [duplicate]

Question

This question already has an answer here:

• jQuery .on function for future elements, as .live is deprecated [duplicate] 2 answers

I have a form thats loads an image. I need to do a function that is been called by the image Onclick Event.

The problem is that the selector ( I'm using jQuery) can't find the image id, because when the function is loaded the image wasn't yet there.

SOLUTION :

After the image upload -->

$("#"+foto_nom).bind({
       click:function(){
       alert(this.id); }
 });

Binding an event is the solution.

Answer 1

You should use 'on' method to attach event to selectors that are not present during page load. Like this:

   $(document).on('click', '#id_of_your_image', function(e) {
    //your code here
    });

update

Binding event to the image after it has been added does not seem to be a good solution.