Buenos días a todos, tengo el siguiente problema:
He cogido un paginador de los muchos existentes en jquery y en principio funciona correctamente, el problema es que tengo un evento creado en document.ready para mostrar una ventana de opciones para cada registro div paginado y al pasar a una nueva página los eventos se pierden por lo que al pulsar al botton encargado de ello en el div no hace absolutamente nada.
Para que lo entendais mejor os pongo este ejemplo:
http://aplicacionhitos.16mb.com/ejemplo/
El script es el siguiente:
<script>
var pagination_options = {
num_edge_entries: 2,
num_display_entries: 8,
callback: pageselectCallback,
items_per_page:3
}
function pageselectCallback(page_index, jq){
var items_per_page = pagination_options.items_per_page;
var offset = page_index * items_per_page;
var new_content = $('#hiddenresult div.bubble').slice(offset, offset + items_per_page).clone();
$('#Searchresult').empty().append(new_content);
return false;
}
function initPagination() {
var num_entries = $('#hiddenresult div.bubble').length;
// Create pagination element
$("#Pagination").pagination(num_entries, pagination_options);
}
$(document).ready(function(){
initPagination();
$(".slidingDiv").hide();
$(".show_hide").show();
$('.show_hide').bind("click",function(){
alert ($(this).attr('id'));
$("#ventana"+$(this).attr('id')).slideToggle();} );
});
</script>
En negrita esta el evento que se pierde, al pasar una nueva página el código que se ejecuta es:
var new_content = $('#hiddenresult div.bubble').slice(offset, offset + items_per_page).clone(); // COPIA LOS REGISTROS CORRESPONDIENTES
$('#Searchresult').empty().append(new_content); //BORRA LO QUE HAYA EN LA ETIQUETA Y PONE LO NUEVO
En el código html:
<div id="Pagination" class="pagination"></div>
<br style="clear:both;" />
<div id="Searchresult"></div>
<div id="hiddenresult" style="display:none;">
<div id="objeto1" class="bubble" style="margin-bottom:20px;">
<input type="button" id="2" class="show_hide" value="Mostrar/Ocultar"> //BOTON PARA OPCION, LO LLAMO MEDIANTE LA CLASSE SHOW_HIDE
</div> //NO ESTA ENTERO
............. MAS REGISTROS
</div>
</div>