Question

在ajax响应上，我已经附加了一个anchor标签，然后想要自动单击此锚标签，但是此click事件在此附加的anchor标签上不起作用。它适用于普通元素，但不适用于附加内容。这是我正在尝试的此点击事件

jQuery('#download_pdf_url').trigger('click');

在这里，我将如何首先将此锚定标记附加到ajax响应上，然后尝试触发click事件。

var url_href = window.location.protocol + "//" + window.location.host + "/pdf_files/file_" + data + ".pdf";
jQuery('.printable').append('<a id="download_pdf_url" style="display:none;" href="" target="_blank" download>Download</a>');
jQuery('#download_pdf_url').attr('href', url_href);
jQuery('a#download_pdf_url[href$=".pdf"]').attr('download', '').attr('target', '_blank');

实际上，我想下载有关ajax响应的pdf文件，并且尝试了不同的功能，但并非所有浏览器都支持这些功能。例如，我曾经使用过它，但是在chrome中不起作用

window.open(url_href, '_blank');

因此，我正在尝试找出一种适用于所有浏览器的解决方案。我已经将download和target属性添加到了我的锚标记，并希望此click事件自动触发。任何对此的建议将不胜感激。

Answer 1

假设您试图自动触发a元素以开始下载，那么您将需要在其上引发一个本地点击事件，即。不是通过jQuery。试试这个：

document.getElementById('download_pdf_url').click()

Atuo单击不适用于附加的锚标记

1 个答案: