Question

I am creating some stuff on a .on() jquery handler like that

$('#idhere').on('click', function(){
   //create a couple of divs with a class
   });

Now I also want to add an event on the divs created, I have tried:

$('.divcreated').bind('mouseover', function(){
   //do some magic
   });

For some reason the second event is never triggered probably because they are both asynchronous. Any ideas to trigger the second event?

Answer 1

As it was already said, your new divs are not created when you try to register the mouseover event. So, you can try something like this for one div:

$('#idhere').on('click', function(){

   // creates the new div and assigns it to the $myNewDiv var
   var $myNewDiv = $( "<div></div>" );

   // register the event...
   $myNewDiv.on( "mouseover", function( event ) { ... }); 

   // add $myNewDiv to a container

});

I think that now you will be able to write your solution.