ReferenceError al hacer clic en un botón
Publicado por Jorge (1 intervención) el 22/04/2020 12:03:32
Buenos días,
Desde HTML y con JQuery intento imprimir una tabla HTML en PDF, utilizando el siguiente código, pero no entiendo porque al hacer clic en el botón muestra el error: "ReferenceError: $ is not defined" en la siguiente línea: "$("#GenerarPDF").click(function(){" no entiendo porque si el elemento está declarado antes que el script.
A continuación todo mi código:
Por favor, ¿podéis apoyarme con este tema? Gracias de antemano!
Saludos.
Jorge
Desde HTML y con JQuery intento imprimir una tabla HTML en PDF, utilizando el siguiente código, pero no entiendo porque al hacer clic en el botón muestra el error: "ReferenceError: $ is not defined" en la siguiente línea: "$("#GenerarPDF").click(function(){" no entiendo porque si el elemento está declarado antes que el script.
A continuación todo mi código:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
<title>Generar PDF con JsPDF Ejemplo con AutoTable</title>
<script src="js/jspdf.min.js"></script>
<script src="js/jspdf.plugin.autotable.min.js"></script>
<meta charset="utf-8">
</head>
<body>
<div class="col-md-4">
<p><strong>Creando PDF - Prueba</strong></p>
<button id="GenerarPDF" class="btn btn-default">Crear PDF</button>
<br>
</div>
<script>
$("#GenerarPDF").click(function(){
var pdf = new jsPDF();
pdf.text(20,20,"Mostrando una Tabla con JsPDF");
var columns = ["Id", "Nombre", "Email", "Pais"];
var data = [
[1, "Carlos", "009@gmail.com", "Mexico"],
[2, "Miguel", "888@hotmail.com", "Brasil"],
[3, "Jorge", "jorge@yandex.com", "Ecuador"],
[3, "mario", "mario@yandex.com", "Colombia"],
];pdf.autoTable(columns,data,
{ margin:{ top: 25 }}
);pdf.save('MiTabla.pdf');
});
</script>
</body>
</html>
Por favor, ¿podéis apoyarme con este tema? Gracias de antemano!
Saludos.
Jorge
Valora esta pregunta
0