logo标签列表

追加的锚点标签如何触发点击事件

javascriptjquery
3

我添加了一个带有下载属性的 href 链接标签 <a>。

$('<a>Download</a>').attr({
    download: 'testing.svg',
    href: dataUrl,
    id: 'download',
    name: 'test'
    // style:'display:none'
}).appendTo("body");

这是我的代码，我想触发 click 事件：
$('#download').trigger( "click" );

这里出现问题是因为它是一个添加的元素。

我试过使用window.open(href,'_blank');，但如果运行这个语句，文件就不会被下载。它只是打开了一个新的选项卡。

如何在不重定向的情况下下载文件？

1
$('#download').get(0).click() ?! 这是什么意思？ - A. Wolff
2个回答
1

JQuery的trigger不支持下载。请使用以下代码触发下载。

$('#download').get(0).click();
1
尝试像这样做一些事情：

 $(document).ready(function(){
   var dataUrl = "https://upload.wikimedia.org/wikipedia/commons/8/88/Inkscape_vectorisation_test.svg"
   $dnl_link = $('<a>Download</a>').attr({
        download:'testing.svg',
        href:dataUrl,
        id:'download',
        name: 'test',
        
    })
    $dnl_link.appendTo("body");
 
  $("#download")[0].click();
  
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body></body>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接