[SOLUCIONADO] No se actualizan los datos

[MrKaiser]

Bien, saludos a todos.
Estoy haciendo un sistema de paginación con AJAX. El problema es que a la hora de cargar la segunda página el código deja de funcionar. Osea cargo otra pagina que no sea la primera, se reciben bien los datos y ya el codigo no funciona a la segunda vez.

Es como si el código que recibo mediante ajax, no funcionara, no existiera.

Cabe aclarar que el código si funciona con versiones mucho más viejas de JQuery, pero yo quiero hacerlo con la versión que tengo.

El script deberia paginar las veces que el usuario se conectó a la web. El momento y la ip. Ya descarté problemas en el código PHP, es problema de JQuery porque como dije anteriormente con versiones viejas funciona bien.

Código Javascript:

<script type="text/javascript">
    $(document).ready(function() {    
    $('.paginate a').on('click', function(){
               //Obtenemos el valor de la pagina a la que queremos ir
        var page = $(this).attr('data');    
 
            $.ajax({
                type: "POST",
                url: "include/logins2.php",
                cache: false,
                data: 
                {
                    pagina: page,
                                        //Enviamos la variable para que el archivo php sea accesible solo de esta pagina
                    supervar: true,
                                        //Enviamos la variable del id del usuario en la tabla
                    idc: <?php echo $idc; ?>
                },
                success: function(data) {
                                        //Cuando tenemos éxito obtenemos los datos y los guardamos en el div contentlog. Creo que acá esta el error
                    $('#contentlog').html(data);
                }
            });
        });              
    });    
</script>
 

Código HTML:

<div class="alert alert-success" id="logins">
    <h4 style="text-align: center;">Inicios de Sesión</h4>
    <div id="contentlog">
    <?php
    require('./include/logins2.php');
    ?>
    </div>
</div>
 

Este es el archivo logins2.php que es llamado mediante AJAX

Código PHP:

<?php
if($supervar == true)
{
    include('db.php');
    $logins = sprintf("SELECT * FROM loginser WHERE sqlid = '%s'",
                $idc);
    //$query_num_services =  mysql_query("SELECT count(*) FROM loginser WHERE sqlid = $idc");
    $numer = mysql_query($logins);
    $num_total_registros = mysql_num_rows($numer);
    //Si hay registros
    echo $num_total_registros;
    if ($num_total_registros > 0)
    {
        //numero de registros por página
        $rowsPerPage = 5;
 
        //por defecto mostramos la página 1
        $pageNum = 1;
 
        if(isset($_POST['pagina']))
        {
            $pageNum = $_POST['pagina'];
        }
        //contando el desplazamiento
        $offset = ($pageNum - 1) * $rowsPerPage;
        $total_paginas = ceil($num_total_registros / $rowsPerPage);
        $sel = sprintf("SELECT * FROM loginser WHERE sqlid = '%s' ORDER BY id DESC LIMIT %s,%s",
        $idc, $offset, $rowsPerPage);
        $que = mysql_query($sel);
        $num = mysql_num_rows($que);
        ?>
            <div class="contact-input" style="color: black;">
                <table class="table-light" style="margin: auto; text-align: center;">
                <tr>
                    <th style="width:30%; text-align: center;">Fecha y Hora</th>
                    <th style="text-align: center;">IP</th>     
                </tr>
        <?php
        if ($num)
        {
            while ($i < $num and $tos = mysql_fetch_assoc($que))
            {
                $momento= htmlentities($tos[momento], ENT_QUOTES,'UTF-8');
                $iplog = htmlentities($tos[ip], ENT_QUOTES,'UTF-8');
                
                echo "<tr>";
                echo "<td>$momento</td>";
                echo "<td>$iplog</td>";
                echo "</tr>";
            }
            ?>
                </table>
            </div>
            <?php
        }
        else
        {
            echo "Sin resultados";
        }
        
        if ($total_paginas > 1) {
                            echo '<div class="paginate">';
                            echo '<ul>';
                            if ($pageNum != 1)
                                echo '<li><a data="'.($pageNum-1).'">Anterior</a></li>';
                                for ($i=1;$i<=$total_paginas;$i++) {
                                    if ($pageNum == $i)
                                        //si muestro el índice de la página actual, no coloco enlace
                                        echo '<li><a>'.$i.'</a></li>';
                                    else
                                        //si el índice no corresponde con la página mostrada actualmente,
                                        //coloco el enlace para ir a esa página
                                        echo '<li><a data="'.$i.'">'.$i.'</a></li>';
                                 }
                                 if ($pageNum != $total_paginas)
                                     echo '<li><a data="'.($pageNum+1).'">Siguiente</a></li>';
                                 echo '</ul>';
                                  echo '</div>';
                            }
    }
}
 

[David]

Estás reescribiendo los enlaces de la paginación, es normal que deje de funcionar, tienes que volver a asignarles el listener del evento click o usar un evento delegado.

[MrKaiser]

Bien, muchas gracias por responder.
Me podrías explicar en resumen cómo vuelvo a asignarle el listener?

[David]

Prueba con un evento delegado, algo como:

Código Javascript:

$("#contentlog").on('click', '.paginate a', function(){
    /* ... */
});
 

Véase: http://api.jquery.com/on/#direct-and-delegated-events

[MrKaiser]

Gracias, te amo.
Es tan curioso que una linea pueda cambiar tanto :P
Ahora funciona todo perfecto, pasé días con este problema.