Чтобы включить событие клика jQuery для загрузки PDF-файла из тега привязки, вы можете использовать различные методы. Вот несколько вариантов:
Метод 1: использование атрибута downloadJavaScript
<a href="path_to_pdf_file.pdf" download>Download PDF</a>
Этот метод использует атрибут HTML5 download. Когда пользователь нажимает на тег привязки, PDF-файл будет загружен напрямую.
Метод 2: программный запуск загрузки
<a href="path_to_pdf_file.pdf" id="pdfLink">Download PDF</a>
$(document).ready(function() {
$('#pdfLink').click(function(e) {
e.preventDefault();
window.location.href = 'path_to_pdf_file.pdf';
});
});
В этом методе вы назначаете идентификатор тегу привязки и используете функцию jQuery .click()для привязки к нему события клика. Когда пользователь нажимает ссылку, обработчик событий щелчка предотвращает поведение по умолчанию (открытие PDF-файла в браузере) и вместо этого запускает загрузку, изменяя window.location.hrefна URL-адрес PDF-файла. файл.
Метод 3: динамическое создание скрытой ссылки и запуск события клика
$(document).ready(function() {
$('#pdfLink').click(function(e) {
e.preventDefault();
var link = document.createElement('a');
link.href = 'path_to_pdf_file.pdf';
link.download = 'filename.pdf';
link.style.display = 'none';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
});
});
В этом методе вы динамически создаете новый элемент привязки, устанавливаете его атрибуты hrefи download, скрываете его с помощью CSS (display: none), добавьте его в тело документа, инициируйте по нему событие щелчка, а затем удалите его из тела документа. Этот подход позволяет вам настроить имя загруженного файла, установив свойство link.download.