Why does jQuery .click() not cause postback when used on this tag?

Question

Think this is a quickie for someone. I have this markup (generated by ASP.Net)...

<A id=anchorO href="javascript:__doPostBack('anchorO','')">O</A>

This anchor is in an update panel, and if I click it manually a partial postback takes place. However....

$('[ID$="anchor'+initial+'"]').click()   //JavaScript

..selects the correct anchor, but no postback takes place. Why is this?

http://stackoverflow.com/a/26560976/184572 – Iman Oct 25 '14 at 09:25 — Iman, Oct 25 '14 at 09:25

score 6 · Accepted Answer · answered Apr 15 '11 at 10:32

6

A click and a href are seen as two different things in Javascript, so you can't do .click() and call the href, regardless if this is calling javascript: or not

Two options:

Just do:

$('#anchor' + initial).click(function() { __doPostBack('anchorO',''); });

Be evil and use eval:

$('#anchor' + initial).click(function() { eval($(this).attr('href')); });

answered Apr 15 '11 at 10:32

Gary Green

22,045
6
49
75

+1 Thanks, I actually used the method 1 (evil eval indeed!) however I didn't actually bind it to the click event using `click()` I just force the postback instead of doing any clicking. Thanks! – El Ronnoco Apr 15 '11 at 10:41

score 1 · Answer 2 · edited May 23 '17 at 12:18

1

See this question here

It appears that you can't follow the href of an a tag using the click event.

edited May 23 '17 at 12:18

Community

1
1

answered Apr 15 '11 at 10:27

lxalln

930
11
29

+1 Thanks didn't see that question, quite interesting/confusing :) – El Ronnoco Apr 15 '11 at 10:39

Why does jQuery .click() not cause postback when used on this tag?

2 Answers2