Hola, a ver si alguien me puede ayudar. Hago click en un link introducido con href, y con jquery, me debe de cargar ese link para mostrarlo en una capa. El problema, es que no me carga el link en la capa, sino que me recarga toda la página. A ver si sabe alguien decirme cual es el problema.
Gracias.
Codigo javascript
Código:
$(document).ready(function() {
$("#news a").click(function() {
evento.preventDefault();
href = $(this).attr('href');
$("#Based").load(href);
});
});
Codigo html
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">
<head>
<title>Panel de administración (Cafetería Sucré)</title>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="scripts/style.css" />
<script type="text/javascript" src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/scripts.js"></script>
</head>
<div id="menu" class="m-top">
<div class="sec"><a id="news" href="modules/news.php">NOTICIAS</a></div>
<div class="sec"><a href="#">GALERIA</a></div>
<div class="sec"><a href="#">COCTELERIA</a></div>
<div class="sec"><a href="#">EVENTOS</a></div>
<div class="sec"><a href="#">CONTACTO</a></div>
<div class="fin-sec"></div>
</div>
<div id="Based" class="m-bottom"></div>