Jquery: duda de principiante

Ronin46 · #1 (**permalink**) 20/07/2011, 15:20

Buenas,

Tengo una duda que seguro que es una chorrada y lo peor es que no encuentro las palabras mágicas para buscar en Google.

Tengo dos ficheros, "a.php" y "b.php" con el siguiente contenido.

a.php

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <script src="jquery-1.6.2.min.js" type="text/javascript" ></script> 
    <script type="text/javascript"> 
        $(document).ready(function(){ 
           $("#link1").click(function(evento){ 
              evento.preventDefault(); 
              $("#Aqui").load("b.php"); 
           }); 
        }); 
         
        $(document).ready(function(){ 
           $("#link2").click(function(evento){ 
              evento.preventDefault(); 
              alert("Link 2"); 
           }); 
        }); 
    </script> 
</head> 
<body> 
    <a id="link1" href="#">Link 1</a> 
    <div id="Aqui"></div> 
</body> 
</html>

b.php

Código PHP:

  <a id="link2" href="#">Link 2</a>

¿Qué hay que hacer para que se dispare lo programado para el id "link2"?

Gracias!

Ronin46 · #2 (**permalink**) 21/07/2011, 09:31

Me respondo a mi mismo :)

a.php

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
    <script src="jquery-1.6.2.min.js" type="text/javascript" ></script> 
    <script type="text/javascript"> 
        $(document).ready(function(){ 
           $("#link1").click(function(evento){ 
              evento.preventDefault(); 
              $("#Aqui").load("b.php"); 
           }); 
        }); 
         
        $(document).ready(function(){ 
           $("#link2").live('click', function(evento){ 
              evento.preventDefault(); 
              alert("Link 2"); 
           }); 
        }); 
    </script> 
</head> 
<body> 
    <a id="link1" href="#">Link 1</a> 
    <div id="Aqui"></div> 
</body> 
</html>

b.php

Código PHP:

  <a id="link2" href="#">Link 2</a>

El quiz de la cuestión está en el evento .live()

xcoltx · #3 (**permalink**) 22/07/2011, 14:25

Wenas compa...

veo que estas poniendo ready's como tanto deseas xD... solo basta con 1, el resto de eventos los puedes ir poniendo dentro del unico $(document).ready...

creo que se podia minimizar tu codigo un poco mas

pagina a.php

Código Javascript:

Ver original<script src="jquery-1.6.2.min.js" type="text/javascript" ></script> 
<script type="text/javascript">
$(document).ready(function(){
 
    $("#link1").click(function(){
           $("#aqui").load("b.php");
           });
 
    $("#link2").live('click', function(){
              alert("Link 2");
           });
 
});
</script>

Código HTML:

Ver original<a id="link1" href="#">Link 1</a>
<div id="aqui"></div>

pagina b.php

Código HTML:

Ver original<a id="link2" href="#">Link 2</a>

Un consejirijillo.. busca aprender las buenas practicas de jquery, se que hay algunas funciones que no se deben abusar, me acuerdo que el document ready es uno de ellos...

bueno suerte en tu codigo...

Enjoy :D