link dinamicos

juan1963 · #1 (**permalink**) 07/10/2009, 15:28

Hola, tengo este problema, en la pagina pongo un link y anda ok, ahora necesito agregar otro haciendo click en prueba, y se agrega pero no hace nada cuando le doy click, alguien sabe porque, y como puedo solucionarlo,, gracias.

<script type="text/javascript">
$(document).ready(function(){
$(".refpago").click(function() {
var index = $(".refpago").index(this);
alert(index);
});
$("#prueba").click(function() {
var armo = "<a class='refpago' href='#' >enlace agregado</a>";
$("#pongo").append(armo);
$("#pongo").slideDown(1000);
});

});
</script>

</head>
<body>
<a id="prueba" href="#" >prueba</a>
<div id="fijo"><a class='refpago' href='#' >enlace puesto</a></div>
<div id="pongo"></div>
</body>
</html>

mayid · #2 (**permalink**) 08/10/2009, 11:02

Lo unico que te falta es agregar return false; para que no se ejecute el link (aunque sea #).

juan1963 · #3 (**permalink**) 11/10/2009, 22:24

Hola, Gracias por la respuesta pero no funciona, renegando un poco, lo solucione poniendo un div oculto, con el link, para que asi se cargue cuando se carga la pagina y lo reconozca el DOM entonces, luego para repetirlo lo hago con clone() y asi funciona... pongo esto por si a alguien le interesa.
poniedo asi

$("#eloculto").clone(true).insertAfter(".adondeloi nserto");

Gracias
Juan

mayid · #4 (**permalink**) 12/10/2009, 12:20

A mi me interesa. Yo estoy clonando un formulario que tiene asignado un id. Sabes como evitar que el clon tenga el mismo id?

juan1963 · #5 (**permalink**) 29/12/2009, 07:50

Cita:

Iniciado por mayid

A mi me interesa. Yo estoy clonando un formulario que tiene asignado un id. Sabes como evitar que el clon tenga el mismo id?

despues de clonarlo pones

$("#elclonado").attr("id","nuevo_id");

Hola, Disculpa la demora, se me pasó, bueno, después de clonarlo le cambias el atributo.
Saludos

Dany_s · #6 (**permalink**) 29/12/2009, 08:08

porque estas creando un nuevo elemento, tienes que usar el evento live para el click

http://docs.jquery.com/Events/live#typefn

Dany_s · #7 (**permalink**) 29/12/2009, 08:10

Cita:

Iniciado por Dany_s

porque estas creando un nuevo elemento, tienes que usar el evento live para el click

http://docs.jquery.com/Events/live#typefn

Código HTML:

$(".refpago").live('click', function() {
var index = $(".refpago").index(this);
alert(index);
});

juan1963 · #8 (**permalink**) 29/12/2009, 15:10

Cita:

Iniciado por Dany_s

Código HTML:

$(".refpago").live('click', function() {
var index = $(".refpago").index(this);
alert(index);
});

Hola Dany, no conozco muy bien lo que hace el .live en una de esas es asi, porque me falta conocimiento, pero creo que no me entendiste lo que quiero hacer, hay un enlace de clase refpago que ya esta, que lo llame enlace puesto, este cuando llamas la pagina se carga y anda bien porque lo reconoce el DOM, lo mismo con el enlace prueba, pero cuando haces click en este ultimo tambien puesto que lo llame prueba, para hacer un click en el y ejecutar la funcion jquery y agregarlo con append, lo que me pasaba es que lo agregaba pero no anda porque el DOM no lo reconoce, entonces lo solucione creando uno oculto para que lo cargue el DOM y despues cuando necesito uno le hago un clone y le cambio el id.
Gracias de todos modos.

Dany_s · #9 (**permalink**) 29/12/2009, 20:07

en tu código de ejemplo veo que cuando haces click en algún enlace que contenga la clase 'refpago' deberia dar un alert con el indiex del mismo, el enlace puesto que dice "enlace puesto" funciona y hace un alert con 0, pero cuando haces click en #prueba y creas un enlace con append que tiene también clase refpago y que al hacer click en ese creado debería ejecutar el alert con el index, no funciona y tampoco para los demás que vas creando.

No funciona porque ese elemento ha sido creado y no tiene un evento asignado para eso está live, para que cada vez que creas un elemento se le asigne los eventos, live controla los eventos de los elementos que existen y de los que se crean, fijate que así si funciona

Código HTML:

<html>
    <head>
        <title>Ejemplo</title>
        <script src="jquery.js" type="text/javascript"></script>
    </head>
    <script type="text/javascript">
    $( function (){

        $(".refpago").live('click',function() {
            var index = $(".refpago").index(this);
            alert(index);
        });
        $("#prueba").click(function() {
            var armo = "<a class='refpago' href='#' >enlace agregado</a>";
            $("#pongo").append(armo);
            $("#pongo").slideDown(1000);
        });

    });
    </script>
<body>
    <a id="prueba" href="#" >prueba</a>
    <div id="fijo"><a class='refpago' href='#' >enlace puesto</a></div>
    <div id="pongo"></div>
</body>
</html>

juan1963 · #10 (**permalink**) 30/12/2009, 11:13

Tenes Razón, sos un genio, a donde te mando la sidra ??

No tenia ni idea del .live mil gracias

Gracias