Problema actualizar divs mediante llamada Ajax

[ramiro_md]

Buenas, me encuentro realizando un slider con JQuery. Voy explicando los códigos que voy referenciando porque me es más fácil explicar el problema.

El html:

Código HTML:

<div id="refreshByAjax">
    <!-- Meta -->
    <input id="album" type="hidden" value= <?php echo "'$aid'"; ?> ></input>
    <input id="pic" type="hidden" value="0" ></input>
    <!-- Slider -->
    <div id="visor" class="visor">
        <div id="nav">
        <input type="button" id="next" class="boton" value="Next"></input>
           <input type="button" id="last" class="boton" value="Last"></input>
        </div>
        <div id="view">0</div>
    </div>
</div>
 

Bueno, una vez que se hace click en alguno de los 2 botones (next o last),se ejecuta la petición y se actualiza el div refreshByAjax.
La llamada en JQuery es la siguiente:

Código Javascript:

$(document).ready(function(){
    $("#next").click(function(evento){
        evento.preventDefault();
        var p0 = $("#album").val();
        var p1 = $("#pic").val();
        $("#refreshByAjax").load("drivers/images/next.php",{aid: p0, pic: p1});
    });
})
 

Y el manejador php es este:

Código PHP:

<?php
$index = $_POST['pic'];
$aid = $_POST['aid'];
 
 
include('../db/managerConnection.php');
include('images.inc.php');
$link = conectar();
$path = get_path($aid,$link);
/* Vector con las imagenes */
$imgs = get_images($path,$link);
/* Analizo la imagen a mostrar */
# Total de imagenes:
$total = count($imgs) - 2;
$index++;
if ($index > $total){
    $index = 0;
}
?>
<!-- Esto se imprime mediante Ajax al div "refreshByAjax" ->
<!-- Meta -->
<input id="album" type="hidden" value= <?php echo $aid; ?> ></input>
<input id="pic" type="hidden" value= <?php echo $index; ?> ></input>
<!-- Slider -->
<div id="visor" class="visor">
    <div id="nav">
        <input type="button" id="next" class="boton" value="Siguiente" ></input>
        <input type="button" id="last" class="boton" value="Anterior"></input>
    </div>
    <div id="view"> <?php echo $index; ?> </div>
</div>
 

El problema es que, yo a modo de prueba imprimo solo el indice de la foto. Al principio arranca en 0. Luego incrementa correctamente a 1. Pero ya no a 2 y ahí queda.
Firebug no me da errores y el log de php menos. Hay algún error en mi lógica? agradecería cualquier tipo de ayuda.
Saludos.

[Dany_s]

$("#next").click(...

cambiá por live o delegate
http://api.jquery.com/live/
http://api.jquery.com/delegate/

y leé el porqué :)

[ramiro_md]

Gracias @Dany_s. Al final termine haciendo esto:
el archivo js:

Código Javascript:

function last(){
    var p0 = $("#album").val();
    var p1 = $("#pic").val();
    $("#refreshByAjax").load("drivers/images/last.php",{aid: p0, pic: p1});
}
 
function next(){
    var p0 = $("#album").val();
    var p1 = $("#pic").val();
    $("#refreshByAjax").load("drivers/images/next.php",{aid: p0, pic: p1});
}
 

Y la impresion Ajax final:

Código HTML:

<!-- Esto se imprime mediante Ajax al div "refreshByAjax" -->
<!-- Meta -->
<input id="album" type="hidden" value=<?php echo "\"$aid\""; ?> ></input>
<input id="pic" type="hidden" value=<?php echo "\"$index\""; ?> ></input>
<!-- Slider -->
<div id="visor" class="visor">
    <div id="nav">
        <input type="button" id="next" class="boton" value="Siguiente" onclick=next()></input>
        <input type="button" id="last" class="boton" value="Anterior" onclick=last()></input>
    </div>
    <div id="view"> <?php echo $index; ?> </div>
</div>
 

Al parecer tenía problemas jquery para ejecutar las acciones por cada click y termine por hacer una funcion last y next y asignarlo al evento onclick del botón.
Saludos y gracias.