javascript - 无法使用 JQuery 模拟点击

Question

我有一个下载音频文件的链接。我希望将其隐藏并允许用户使用按钮调用它。但不知何故我无法触发点击事件。

这是 HTML:

<a class="APopupDown" data-icon="home" id="DownloadFile" href="http://yahoo.com/abc.mp3" download="My File Name">Download File</a>

<button data-icon="home" href="#" onclick="DlMsg()">Download</button>

这就是触发器。

function DlMsg()
{
    alert("I am here");
    $('#DownloadFile').trigger('click');

}

Jfiddle 的示例是 here

正如您所看到的，直接链接有效，但按钮无效。知道我做错了什么吗？

谢谢

-----更新--------

我已按照 Jai 的建议进行了更改。但是，它现在开始播放音频而不是下载，而我想要的是使用 HTML5 的下载功能。这是jsfiddle link

Answer 1

得到答案了。看看这个 fiddle http://jsfiddle.net/EWQ6n/512/

来源:

<a class="APopupDown" class="test" data-icon="home" id="DownloadFile" href="http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3" download="My File Name">Download File</a>

<button data-icon="home" id="btnDownload">Download</button>

脚本:

$("#btnDownload").click(function(e){
    $("#DownloadFile").get(0).click();
});

我就是这样用的

$("#DownloadFile").get(0).click();

触发 anchor 点击事件。