Question

I have main page where I define a DIV with id “mydiv”. Then I use ajax to load some linked text inside that DIV.

Now I want to do something when anybody click on those links, so I defined my jquery like below.

$("#mydiv > a").live('click',function(){
  alert($(this).text());
});

The loaded contents are in the below form

<a style="cursor:pointer;">Text 1</a>
<a style="cursor:pointer;">Text 2</a>
<a style="cursor:pointer;">Text 3</a>

Anybody please tell me what i am doing wrong?

Thanks,

Answer 1

since you are loading the content inside DIV with id "mydiv" dynamically (by ajax)….use on delegate event

$("#mydiv").on('click','a',function(e){
  e.preventDefault();  //you may not need this... but this stops the default behaviour of <a> tag 
  alert($(this).text());
});