jquery - paginador - Cómo usar jqPagination

paginador bootstrap jquery

Question

Por favor, ayúdenme , no sé cómo usar jqPagination ( http://beneverard.github.com/jqPagination/ ). Quisiera cada página que tenga otro contenido. Ex, página 1, el contenido es un párrafo, la página 2 es otro párrafo. Y no quiero que haga clic en mostrar / ocultar para mostrar el contenido.

¡Gracias!

Answer 1

Estoy usando jPages. Esto funciona bien

Solo dale una identificación a tu página. Y coloque un div debajo de esta información.

en ti jQuery solo puedes agregar esto:

$(".holder").jPages({
    containerID: "pageDivId",
    perPage: 3
});

El titular es el nuevo div que has creado. Y el identificador de contenedor es el id de tu pagediv completo.

Puede consultar jPages aquí

Answer 2

Correcto, solo puedo suponer que tienes un código similar a este:

<div class="some-container">
    <p>My first paragraph</p>
    <p>My second paragraph</p>
    <p>My third paragraph</p>
</div>

<div class="pagination">
    <a href="#" class="first" data-action="first">&laquo;</a>
    <a href="#" class="previous" data-action="previous">&lsaquo;</a>               
    <input type="text" readonly="readonly" />
    <a href="#" class="next" data-action="next">&rsaquo;</a>
    <a href="#" class="last" data-action="last">&raquo;</a>
</div>

Y desea mostrar / ocultar cada uno de sus párrafos en orden usando jqPaginaton, intente con el siguiente código:

$(document).ready(function() {

    // hide all but the first of our paragraphs
    $(''.some-container p:not(:first)'').hide();

    $(''.pagination'').jqPagination({
        max_page    : $(''.some-container p'').length,
        paged        : function(page) {

            // a new ''page'' has been requested

            // hide all paragraphs
            $(''.some-container p'').hide();

            // but show the one we want
            $($(''.some-container p'')[page - 1]).show();

        }
    });

});​

Eche un vistazo a este ejemplo de trabajo jsFiddle , que demuestra el uso del complemento para poder mostrar y ocultar un rango de párrafos. Por supuesto, este ejemplo podría extenderse para trabajar con otros elementos / escenarios también.

Asegúrese de comentar si esto resolvió su problema.