jquery simulate click on html anchor tag

Question

I've been trying to simulate click on a tag and this is not working as i need it to. my anchor tag looks like this

<a href="/dl/pic.jpg" target="_blank" download="file.jpg"> Download this pic </a>

a normral $("a").click() or trigger('click') wont work here.Any ideas? EDIT I need to trigger a click on this Anchor tag and causing the file to download, i dont need to add another onClick function.

$('a').on('click', function(e){e.preventDefault();alert("clicked");}); — Idrees Khan
– Idrees Khan, Commented Jun 23, 2013 at 13:23

A. Wolff · Accepted Answer · 2013-06-23 13:23:52Z

9

Using native js click event works:

http://jsfiddle.net/n6FKg/

$('a').get(0).click();

answered Jun 23, 2013 at 13:23

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

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

4 Comments

Ori Refael Over a year ago

cant use indicator, this is dynamically created and doesnt have fixed position in order of Anchors

A. Wolff Over a year ago

I'm just telling you that using jquery to trigger click on anchor doesn't work but using js native click() works. How you target this element is up to you. In you question, you said: $("a").click() wont work. Then i show you how to make it works... If you have more than one anchor to trigger click, then use a loop from get()

A. Wolff Over a year ago

By position, you mean index??? The question is how do you want to target a specific anchor? Sorry but your question is really too vague and incomplete.

Gaurav Lad Over a year ago

Yaah, it did worked, can you guide me about 'what does get(0) does'?

Deepu Madhusoodanan · Accepted Answer · 2013-06-23 13:26:52Z

1

You can achieve this using JavaScript itself by adding an id attribute

<a id="download" href="/dl/pic.jpg" download="file.jpg"> Download this pic </a>

document.getElementById("download").click();

answered Jun 23, 2013 at 13:26

Deepu Madhusoodanan

1,5151 gold badge15 silver badges26 bronze badges

Comments

Tomer · Accepted Answer · 2013-06-23 13:25:39Z

0

Few options here:

The link is added dynamically, in that case binding click won't work, you need to do something like this:
```
 ('#linkContainer').on('click','a',function(){//do stuff});
```
the click does work, but since its an a tag, it has a default behaviour and it goes to the href, so you need to add in the function e.preventDefault

answered Jun 23, 2013 at 13:25

Tomer

17.9k17 gold badges82 silver badges139 bronze badges

4 Comments

Ori Refael Over a year ago

you didnt understand the question, i dont need adding another funcationality , i just need to trigger this file download from other place.

Tomer Over a year ago

You didn't understand my answer, as it does exactly what you need, with no extra functionality added

Ori Refael Over a year ago

i need to default click to go to the href..i need to trigger the file to download.

Tomer Over a year ago

That is not what your question says, please update your question and explain exactly what you need

Nick · Accepted Answer · 2013-06-23 13:30:31Z

0

add the path to the file to be downloaded to the hrefattribute not to download attribute

<a href="/dl/file.jpg" target="_blank"> Download this pic </a>

edited Jun 23, 2013 at 13:30

answered Jun 23, 2013 at 13:23

Nick

4,2181 gold badge21 silver badges30 bronze badges

1 Comment

Varun Over a year ago

do u have the intended file kept at that path? coz this is the only way a file download should work?

Collectives™ on Stack Overflow

jquery simulate click on html anchor tag

4 Answers 4

4 Comments

Comments

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related