Funcion .load jquery

kiraesley · #1 (**permalink**) 19/05/2015, 10:21

Hola explico un poco mi problema y mi frustración por mi falta de conocimiento, hasta donde llega mi nivel de jquery estoy intentando hacer una función que recoge la etiqueta div, una url y dentro de ese div carga un documento .html que tengo en una carpeta. Mi problema viene cuando introduzco un ancla al enlace. Si no uso ancla el enlace funciona perfetamente, si uso un ancla dentro del documento que esta creada, el enlace funciona pero no se traslada al ancla. Muchas gracias si alguien me puede ayudar.

Adjunto el código:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba carga de libro</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
function cargar(div, desde)
{
	$(document).ready(function() {
     $(div).load(desde);
     });
}
</script>
<style>
.caja1{
	width: 400px;
	height: 400px;
	overflow: auto;
}
</style>
    </head>
    <body>
        <div id="divtest" class="caja1">Contenido que cambia</div>
<a href="#" onclick="cargar('#divtest', 'libro.html#index-4-4')">Contenido a cargar</a>
</body>

</html>

diurno10 · #2 (**permalink**) 19/05/2015, 11:17

Código HTML:

Ver original<a href="#" onclick="cargar('#divtest', 'libro.html#index-4-4');return false">Contenido a cargar</a>

igual fijate si podes mejorar un poco el codigo, meter el document.ready dentro de una funcion no me parece adecuado.

kiraesley · #3 (**permalink**) 19/05/2015, 12:30

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Prueba carga de libro</title>

    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script>
function cargar(div, desde)
{

     $(div).load(desde);
}
</script>
<style>
.caja1{
	width: 400px;
	height: 400px;
	overflow: auto;
}
</style>
    </head>
    <body>
        <div id="divtest" class="caja1">Contenido que cambia</div>
<a href="#" onclick="cargar('#divtest', 'libro.html#index-4-4')">Contenido a cargar</a>
</body>

</html>

diurno10 · #4 (**permalink**) 19/05/2015, 12:52

me parece q no me entendiste, fijate q le puse un return false despues dela funcion del anchor.
Fijate si te sirve

Código HTML:

Ver original<a href="#" onclick="cargar('#divtest', 'libro.html#index-4-4');return false">Contenido a cargar</a>

kiraesley · #5 (**permalink**) 19/05/2015, 13:10

Lo he probado con el return false y no me ha funcionado :(

kiraesley · #6 (**permalink**) 20/05/2015, 01:43

Si uso el .replace en vez de .load si me lleva al ancla creada en el documento, pero no me deja indicarle en que div quiero que se cargue, sigo investigando, si alguien se le ocurre algo, bienvenido seas