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
:
Ver original<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