Función load() de jquery no me funciona¡¡¡

#1 (**permalink**) 12/07/2010, 11:53

SIMPLE COMO LO VEN....
He creado un pequeño menu(#nav) y un contenedor(#show) y
quiero que los enlaces (<a>enlace</a>) se cargen el el contenedor (#show),
PERO POR MAS QUE LO INTENTO ...

NO LOGRO CONSEGUIRLO...
Por favor denme algún consejo...

Código:

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript">
$(document).ready(function(){
   $("#nav a").each(function(){
      var href = $(this).attr("href");
      $(this).attr({ href: "#"});
      $(this).click(function(){
         $("#show").load(href);
      });
   });
});
</script>
</head>

<body>
<ul id="nav">
   <li><a href="uno.html">1</a></li>
   <li><a href="dos.html">2</a></li>
   <li><a href="tres.html">3</a></li>
   <li><a href="cuatro.html">4</a></li>
   <li><a href="cinco.html">5</a></li>
</ul>
<div id="show"></div>
</body>

mayid · #2 (**permalink**) 12/07/2010, 14:07

Esto : $("#nav a")

debría ser así: $("#nav li a") por una cuestion de jerarquia. Aunque no descarto que tu script funcione.

Cita:

var href = $(this).attr("href");
$(this).attr({ href: "#"});

Esto que cito es absolutamente innecesario. Fijate que podes eliminar la funcionalidad de los links poniendo return false en tu script.

Y ahora que lo pienso, el iterar con un each puede que sea innecesario también. Probá así:

Cita:

$("#nav li a").click(function(){
$("#show").load( $(this).attr("href") );
return false;
});

#3 (**permalink**) 12/07/2010, 15:04

Gracias amigo ante todo, pero aun no me funciona, no se en que me estoy equivocando...

#4 (**permalink**) 12/07/2010, 17:37

ME RESPONDO ...

ERA MUY SIMPLE jajajaj

Código:

$(document).ready(function() {
	
     $('#nav a').click(function() {
     var url=$(this).attr('href');
     $('#show').load(url);
     return false;
  });
			
});
</script>