Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/07/2012, 06:45
elnoidelcargol
 
Fecha de Ingreso: noviembre-2007
Mensajes: 16
Antigüedad: 17 años
Puntos: 0
problema con redundancia jquery

Hola tengo una duda, estoy haciendo una pagina donde se van cargando div, es decir hay un menu y lo que hace es cargando html en un div, con lo qual " nunca nos movemos de la pagina principal"

lo que pasa que dentro de los div , hay botones , i claro la primera vez k lo kargo el boton funciona porque cargo los eventos, pero en uno de esos botones , lo que hago es editar el contenido del div, i al recargarlo el boton no funciona, pq deberia volver a cargarlo todo otra vez causando una redundancia

Código:
                
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script type="text/javascript">
            $(document).ready(function()
            {
                var direc="";
                //define config object
aqui al hacer click cargamos contenido, $('#container').html(data);


Código:
      
          $("#navigation span").click(function (){

                    $.ajax({
                        url: 'client/ControlClient.php?opcio=1',
                        success: function(data) {
                               
                            $('#container').html(data);
este evento el ico.click es el que me da problemas pq aqui cargo el contenido i los eventos per mas abajo necesito volver a cargar el contenido con sus eventos pero claro es redundante, y no tengo ni idea de cmo se hace.
Código:
                            $('.ico').click(
                            function (){                                  
                                        direc = $(this).attr("href");

                                        var dataString="opcio="+2+"&campo=id&valor="+direc;
                                        $.ajax({  
                                            type: "get",  
                                            url: "client/ControlClient.php",  
                                            data: dataString,
                                            success: function(data) {
                                                $("#box_clients").html(data);
aqui esta el problema al hacer el submit necessito recargar toda la pagina , mi idea era hacerlo por ajax, pero claro tendria que volver a cargar esto, y asi infinitamente , creo que es redundante.


no se si me he explicado bien,cualquier cosa me lo decis gracias
Código:
                                                $("#update_client").click(function(){
                                                    $("#form_edit").submit(function (){
                                                        $.ajax({  
                                                            type: "get",  
                                                            url: "client/ControlClient.php",  
                                                            data: dataString,
                                                            success: function() {
                                                                alert ("Client Editat Correctament");
                                                               
                                                                
                                                            }
                                                        });  
                                                        return false;
                                                    });
                                                });
                                            }
                                        }); 
                                        return false;
 

                            });
                     }
                        
                    });
                    
                    
                });

                return false;
               
            }); 
        </script>
    </head>
    <body>
       
    </body>
</html>