<a>使用Jquery动态</a>添加“下载”属性

Question

I am trying to add the download attribute to an tag dynamically. Here is what I have so far:

$(fclass).append('<a href="/files/'+$days[$i][2][1]+'" download>'+$days[$i][2][0]+'</a>');

Which produces this:

<a href="/files/day0.pdf" download="">Slideshow (Notes)</a>

I also added the exact same tag as this produces into my HTML manually, but instead of

<a href="/files/day0.pdf" download="">

I used

<a href="/files/day0.pdf" download>

The manual version works perfectly, and automatically downloads the file, however, the dynamically placed version does not. I have also tried this:

$(a).attr("download","/files/day0.pdf");

But this does not seem to work. Any ideas on how to fix this? Thank you very much.

Answer 1

The answer is

 $("a").attr("download", true); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="file-to-download.txt">Download the file</a> 

Just checked an it is working :D

Answer 2

I had the same problem, this worked for me:

$("a").replaceWith('<a href="/files/day0.pdf" download="day0.pdf">Slideshow (Notes)</a>');

Where the day0.pdf in the download="day0.pdf" will be the name of the file.

(In Firefox you have to include the .pdf to the name, but in Chrome it is not necessary, it will include the extension with it.)

Answer 3

您尝试使用道具了吗？

 $(a).prop("download","/files/day0.pdf");