JQuery - Problema con una función

   
Vista:

Problema con una función

Publicado por Francisco (1 intervención) el 18/08/2014 16:10:40
Buen día a todos.

Soy nuevo en el mundo del desarrollo de páginas web. Tengo un problema con una función Javascript. Les cuento el problema.

Tengo una tabla HTML con algunas filas. En cada fila tengo un link que sirve para eliminar toda la fila. En ese link llamo a una función Javascript pasando como parametro "this".

Cuando cargo la página, la primera vez recibo un mensaje en la consola JS: "ReferenceError: eliminarFila is not defined" y la fila no se borra. Pero, si refresco la página con F5 todo funciona correctamente.

En otras palabras, no puedo eliminar la fila hasta que recargo la página. Me podrían indicar que estoy haciendo mal, a continuación les dejo el código de mi página:

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
 
        <!-- JQuery Mobile Scrips -->
        <script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/funciones.js"></script>
        <script src="js/jquery.mobile-1.4.3.min.js"></script>
 
        <!-- CSS scripts -->
        <link rel="stylesheet" href="css/jquery.mobile-1.4.3.min.css" />
        <link rel="stylesheet" href="css/style.css" />
    </head>
 
    <body>
        <!-- Menu -->
        <div id="menu" data-role="page" data-theme="b">
            <!-- Header -->
            <div data-role="header">
                <h1>Pedidos Web</h1>
            </div>
            <!-- Contenido -->
            <div role="main" class="ui-content">
				<table id="tablaPedidos" class="tftable">
					<caption>Detalle del pedido</caption>
					<thead>
						<tr>
							<th>Producto</th>
							<th>Cant.</th>
							<th>Borrar</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Producto 1</td>
							<td>8</td>
							<td><a href="#" onclick="eliminarFila(this)">Eliminar</a></td>
						</tr>
						<tr>
							<td>Producto 2</td>
							<td>100</td>
							<td><a href="#" onclick="eliminarFila(this)">Eliminar</a></td>
						</tr>
						<tr>
							<td>Producto 3</td>
							<td>16</td>
							<td><a href="#" onclick="eliminarFila(this)">Eliminar</a></td>
						</tr>
					</tbody>
				</table>
            </div>
        </div>
    </body>
</html>

y este es el archivo funciones.js

1
2
3
4
5
6
7
function eliminarFila(t)
    {
        var td = t.parentNode;
        var tr = td.parentNode;
        var table = tr.parentNode;
        table.removeChild(tr);
	}

Muchas gracias!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder