Onclick Event - Undefined is not a function

Question

I am trying to have a click event on < tr > tag of my table that's dynamically generated. While registering event for 1st time, there is no exception. But Function is not being called if I click on tablerow.

I tried getElementById also, which is even giving extra exception while registering on click event.

Please help.

Below is part of my code:

Script:

$("#empName").on("click", function(){
        alert("Hi");
    });

HTML:

$(obj).find('#abc tr:last').after("<tr class='odd' id='empName'><td>"+emp+"<br/>"+eventName+"</br>"+ind+"</br>"+loc +"</td></tr>");

I think jquery < 1.7 is used.. then `.on()` won't be available try `.bind()` — Arun P Johny, Mar 04 '15 at 06:39
@ArunPJohny: If on not available,it should throw exception while registering event , isn't it? — Pratik, Mar 04 '15 at 06:43
@Pratik then are you sure that the event registration part is causing the error... — Arun P Johny, Mar 04 '15 at 06:43

score 0 · Accepted Answer · answered Mar 04 '15 at 06:43

0

Try following

$("#abc #empName").on("click", function(){
    alert("Hi");
});

answered Mar 04 '15 at 06:43

Lepanto

1,393
1
7
15

Thanks @Lepanto: It worked :) But I am not sure why my code should not work..! Can you please explain? – Pratik Mar 04 '15 at 06:46
@Pratik If you use dynamic(live) contact you cannot catch event without on – Yes Kay Selva Mar 04 '15 at 06:52
@SelVaa: I have also used on here.... – Pratik Mar 04 '15 at 07:09

score 0 · Answer 2 · answered Mar 04 '15 at 06:45

0

Try this

 $(document).on("click","#empName", function(){
        alert("Hi");
    });

answered Mar 04 '15 at 06:45

Yes Kay Selva

584
4
13

Onclick Event - Undefined is not a function

2 Answers2