Buanas, tengo una problema estoy utilizando Zebra_Pagination para pa paginacion de mi Busqueda, y la paginacion normal funciona bien, pero cuando voy a hacerla tipo facebook es decir que vea el botón ver mas, y los resultados me aparescan mas abajo y no en un pagina nueva. Esta funcionando pero cuando le doy a ver mas en vez de llamarme los resultado siguientes me llama los mismo otra vez.
Este es mi código de Zebra_Pagination
Código HTML:
Ver original<div class="Zebra_Pagination"> <li><a href="javascript:void(0)" class="navigation previous disabled" rel="prev">Previous page
</a></li><li><a href="/demo/buscartodo.php" class="current">01
</a></li> <li><a href="/demo/buscartodo.php?page=2">02
</a></li> <li><a href="/demo/buscartodo.php?page=3">03
</a></li> <li><a href="/demo/buscartodo.php?page=4">04
</a></li> <li><a href="/demo/buscartodo.php?page=5">05
</a></li> <li><a href="/demo/buscartodo.php?page=6">06
</a></li> <li><a href="/demo/buscartodo.php?page=7">07
</a></li> <li><a href="/demo/buscartodo.php?page=8">08
</a></li> <li><a href="/demo/buscartodo.php?page=9">09
</a></li> <li><a href="/demo/buscartodo.php?page=10">10
</a></li> <li><a href="/demo/buscartodo.php?page=17">17
</a></li> <li><a href="/demo/buscartodo.php?page=2" class="navigation next" rel="next">Next page
</a></li></ul>
Y este es el código ajax que utilizo para llamar el href de boton next
Código Javascript
:
Ver original<script>
$(function() {
var paginacion = $('.Zebra_Pagination');
// 1. Ocultar paginacion
paginacion.show();
// 2. Agregar link de "mostrar mas"
paginacion.after('<div class="mostrar-mas"><a href="#">Mostrar mas</a></div>');
// 3. Buscar nuevos resultados con ajax en pagina siguiente
$('.mostrar-mas a').on('click', function(e) {
e.preventDefault();
$.ajax({
type: 'GET',
url: $('.Zebra_Pagination li.next a').attr('href'),
success: function(html) {
// 3.1 Obtener paises nuevos
var nuevosPacientes = $(html).find('.busqueda'),
nuevaPag = $(html).find('.Zebra_Pagination'),
tabla = $('table');
// 3.2 Agregar paises a la tabla
tabla.find('.busqueda').append(nuevosPacientes.html());
// 3.3 Actualizar link de "mostrar mas"
tabla.after(nuevaPag.hide());
}
});
});
});
</script>
En este siguiente debería llamar el el link de la pagina siguiente pero no me lo llama.
me repite la misma pagina
Código Javascript
:
Ver originalurl: $('.Zebra_Pagination li.next a').attr('href')
Espero que me Ayuden