Esperemos que esto sea algo que sea fácil de remediar. Estoy teniendo un pequeño problema al entender eljQuery Pagination enchufar.

Esencialmente, todo lo que estoy tratando de hacer es cargar un archivo PHP, y luego paginar los resultados. Estoy intentando dejar su ejemplo, pero no estoy dando los resultados que estoy buscando.

Aquí está el JavaScript:

 function pageselectCallback(page_index, jq){
            var new_content = $('#hiddenresult div.result:eq('+page_index+')').clone();
            $('#Searchresult').empty().append(new_content);
            return false;
        }
        function initPagination() {
            var num_entries = $('#hiddenresult div.result').length;
            // Create pagination element
            $("#Pagination").pagination(num_entries, {
                num_edge_entries: 2,
                num_display_entries: 8,
                callback: pageselectCallback,
                items_per_page:3
            });
         }      
        $(document).ready(function(){      
            $('#hiddenresult').load('load.php', null, initPagination);
        });      

Aquí está mi HTML (después de que se ha cargado el PHP):

        <div id="Pagination" class="pagination"> </div>
        <br style="clear:both;" />
        <div id="Searchresult"> </div>

       <div id="hiddenresult" style="display:none;"> 
         <div class="result">Result #1</div>
         <div class="result">Result #2</div>
         <div class="result">Result #3</div>
         <div class="result">Result #4</div>
         <div class="result">Result #5</div>
         <div class="result">Result #6</div>
         <div class="result">Result #7</div>
       </div>

Básicamente, estoy tratando de mostrar "3" elementos por página, pero esto no funciona. Supongo que en algún lugar, necesitaré crear un bucle for en mi JS, pero estoy confundido sobre cómo hacerlo.La documentación se puede encontrar aquí..