How to dynamically add click event for div using jquery

Question

I'm loading div dynamically and binding the click event for the div using

$(jq(userData.email)).live('click', function() { alert('hello from binded function call'); });

Here i'm using emailid (a@b.com) as div id. I'm using jq method for parsing the id. After executing, it shows 'Unrecognized expression': #a@b.com

This is the jq method, I'm using to parse

function jq( myid ) 
{
    return "#" + myid.replace( /(:|\.|\[|\])/g, "\\$1" );
}

Aren't you missing a hashtag on `$(jq(userData.email)).live`? Also, `live()` has been deprecated. Try using `on()` instead. — Henrique Miranda, May 31 '13 at 11:30
Also, this might help: http://stackoverflow.com/questions/4786045/dynamically-add-jquery-event-handlers-to-dynamic-html — Henrique Miranda, May 31 '13 at 11:33

Eich · Accepted Answer · 2013-05-31T12:45:54.817

2

You'll have to escape special characters:

$("#abc\\@abc").doSomething();

Have a look at the jQuery docs.

Please also notice that .live() is deprecated (and removed in jQuery >= 1.9).

edited May 31 '13 at 12:45

answered May 31 '13 at 11:25

Eich

3,728
1
21
34

I checked this. It removes the 'Unrecognized expression' error. But i can't get the click event. – Anbu Raj May 31 '13 at 12:24
http://jsfiddle.net/2Z94z/ It's working for me without problems. Please notice that `live` is deprecated and removed in jQuery >= 1.9. – Eich May 31 '13 at 12:46
http://jsfiddle.net/u87dH/10/ Here i'm loading the div dynamically and its not working – Anbu Raj May 31 '13 at 13:01

score 1 · Answer 2 · edited May 23 '17 at 11:43

1

a@b.com is not a valid ID .

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

see the below question What are valid values for the id attribute in HTML?

edited May 23 '17 at 11:43

Community

1
1

answered May 31 '13 at 11:24

chhameed

4,406
4
26
44

How to dynamically add click event for div using jquery

2 Answers2