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>