Problema onload

mdk · #1 (**permalink**) 29/01/2013, 06:08

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>

David · #2 (**permalink**) 29/01/2013, 06:12

Prueba así:

Código Javascript:

Ver original$("#news a").click(function(evento) {
    // código
});

mdk · #3 (**permalink**) 29/01/2013, 06:15

Cita:

Iniciado por David

Prueba así:

Código Javascript:

Ver original$("#news a").click(function(evento) {
    // código
});

Sigue pasando lo mismo.. :(

David · #4 (**permalink**) 29/01/2013, 06:19

El selector también está mal, debe ser solamente "#news"

mdk · #5 (**permalink**) 29/01/2013, 06:26

Ahora si, muchas gracias ;)