Problema en la Utilizacion de URL: con Zebra_Pagination

[geremiasrs]

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:

<div class="Zebra_Pagination">
<ul>
<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><span>…</span></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>
 
</div>
 

Y este es el código ajax que utilizo para llamar el href de boton next

Código Javascript:

<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:

url: $('.Zebra_Pagination li.next a').attr('href')
 

Espero que me Ayuden