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 ([email protected]) as div id. I'm using jq method for parsing the id. After executing, it shows 'Unrecognized expression': #[email protected]

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
– Henrique Miranda, Commented May 31, 2013 at 11:30
Also, this might help: stackoverflow.com/questions/4786045/… — Henrique Miranda
– Henrique Miranda, Commented May 31, 2013 at 11:33

Eich · Accepted Answer · 2013-05-31 12:45:54Z

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, 2013 at 12:45

answered May 31, 2013 at 11:25

Eich

3,8061 gold badge23 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Anbu Raj Over a year ago

I checked this. It removes the 'Unrecognized expression' error. But i can't get the click event.

Eich Over a year ago

jsfiddle.net/2Z94z It's working for me without problems. Please notice that live is deprecated and removed in jQuery >= 1.9.

Anbu Raj Over a year ago

jsfiddle.net/u87dH/10 Here i'm loading the div dynamically and its not working

Community · Accepted Answer · 2017-05-23 11:43:15Z

1

[email protected] 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, 2017 at 11:43

CommunityBot

11 silver badge

answered May 31, 2013 at 11:24

chhameed

4,4564 gold badges30 silver badges47 bronze badges

Collectives™ on Stack Overflow

How to dynamically add click event for div using jquery

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related