Question

I have added following table dynamically using Javascript:

    <table class="ActionMenu">
<tr>
<td>
<p>Ghanshyam</p>
</td>
</tr>
</table>

i want to get alert on Click of this table..

I tried:

$('body').on("click", ".ActionMenu tr", function (e) {
      alert("abcd");
 });

$('.ActionMenu ').on("click", "tr", function(){
   //do something
});

$('.ActionMenu').live('click',function(){});

$('#ActionTab').delegate('.someClass','click',function(){});

but none of the following Method work..
how can i achive my goal?
Thanks

Answer 1

Your selectors are a tad off, at first glance, try:

$('table.ActionMenu tr').on('click',callback);

Since this isn’t working: a couple of things have been suggested:

• What version of jQuery are you using, on might not be working if you’re on an old version
• have you tried $(body).on('click', '.ActionMenu tr', function() { alert('clicked'); });? Replacing .on with .live if needed.
• A classic problem, but easily forgotten: have you checked for typo’s in either class names, id’s… on both sides (server & jQuery)? –You never know
• Is all code wrapped in a $(document).ready(function(){/*script goes here...*/});
• Check you console for possible syntax errors or other messages