cargar link en un div con Jquery

jhz1983 · #1 (**permalink**) 15/07/2011, 21:54

acabo de empezar con jquery y estoy intentando cargar un link en un div concreto y no me acaba de funcionar a ver si alguien me hecha un cable.

Código:

<html>
   <head>
   		<style>
   			#menu {
   					float: left;
   					width: 100px;
   					height: 400px;
   					border: 1px black solid;
   					}
   			#contenido
   					{
   					float: left;
   					border: 1px black solid;
   					width: 400px;
   					height: 400px;
   					}
   		</style>

      <script src="jquery.js" type="text/javascript"></script>
      <script>

          $("#estrategia").click(function(){
	         $("#contenido").load("estrategia.html");
    });

</script>

   </head>
<body>
		<div id="menu">
		<a href="#" id="estrategia">Estrategia</a>
		</div>
		<div id="contenido">
		jeje
		</div>

</body>
</html>

maycolalvarez · #2 (**permalink**) 15/07/2011, 22:37

cuando añades bloques de script en el head de la página el DOM no se ha cargado completamente, por lo que puede fallar tu código al tratar de localizar los objetos, o debes cargarlos en el evento onload del body, o usas la función de detección de DOM cargado de jQuery:

Código Javascript:

Ver original<script type="text/javascript">
    $(document).ready(function () {
        $("#estrategia").click(function(){
             $("#contenido").load("estrategia.html");
        });
    });
</script>

+info

jhz1983 · #3 (**permalink**) 15/07/2011, 22:57

fuck yeah eres el amo xD gracias