Correr el codigo despues que la pagina cargue

[morfasto]

Hola, que tal?

Tengo un problema a la hora de aplicar el jquery despues de que el documento se haya cargado. Lo que pasa es que tengo una pagina en la que muestro informacion sobre productos y para editar la informacion, uso ajax para refrescar un div con el formulario para editar. Usando $(document).ready(function() no se aplica ya que los botones #buttondiv y #buttonremove recien se cargan al cargar el formulario, y si uso $(document).mousemove(function() el contador se incrementa conforme mueva el mouse. Como haria para que se ejecute una vez cuando el div es refrescado con ajax con el formulario?

Este es mi codigo:

Código Javascript:

<script type="text/javascript">
    $(document).ready(function(){
        $counter = 1;
        $('#buttonadd').click(function(){
            $counter++;
            $('#buttondiv').append('<tr  class="textbox"><td>'+$counter+'Nombre#'+$counter+'</td><td><input type="text" name="nombre'+ $counter +'" value=""/></td></tr><tr class="textboxs"><td>Link#'+$counter+'</td><td><input type="text" name="link'+ $counter +'" value=""/></td></tr>');
            $('#cant .canti').remove();
            $('#cant').append('<input type="hidden" name="cantidad"  class="canti" value="'+ $counter +'"/>');
        });
 
        $('#buttonremove').click(function(){
             if ($counter){
                if($counter!=1){
                    $counter--;
                    $('#buttondiv .textbox:last').remove();
                    $('#buttondiv .textboxs:last').remove();
                    $('#cant .canti').remove();
                    $('#cant').append('<input type="hidden" name="cantidad"  class="canti" value="'+ $counter +'"/>');
                }
            }
        });
    });
</script>
 

Muchas Gracias

[maycolalvarez]

ready detecta cuando el DOM está cargado, pero no quiere decir que se terminara de renderizar el HTML por completo, lo que puedes intentar es llamar a tu función desde el onload del body

[morfasto]

con la funcion onload del body no solo se ejecuta cuando el body se carga? o tambien cuando algo se carga en el body?

[ocesitaro]

Iniciado por morfasto

con la funcion onload del body no solo se ejecuta cuando el body se carga? o tambien cuando algo se carga en el body?

prueba con estos

$(selector).live(events, data, handler); // jQuery 1.3+
$(document).delegate(selector, events, data, handler); // jQuery 1.4.3+
$(document).on(events, selector, data, handler); // jQuery 1.7+

ready solo lee los datos cargados junto con la pagina, y no los que se crean despues, prueba con las propiedades de arriba