Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery Pagination Plugin
    primarykey
    data
    text
    <p>Hopefully this is something that will be easy to remedy. I'm having a bit of an issue understanding the <a href="http://plugins.jquery.com/project/pagination" rel="nofollow noreferrer">jQuery Pagination</a> plugin.</p> <p>Essentially, all I am trying to do is load a PHP file, and then paginate the results. I'm attempting to go off their example, but I am not yielding the results I'm looking for.</p> <p>Here's the JavaScript: </p> <pre><code> 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); }); </code></pre> <p>Here's my HTML (after the PHP has been loaded):</p> <pre><code> &lt;div id="Pagination" class="pagination"&gt; &lt;/div&gt; &lt;br style="clear:both;" /&gt; &lt;div id="Searchresult"&gt; &lt;/div&gt; &lt;div id="hiddenresult" style="display:none;"&gt; &lt;div class="result"&gt;Result #1&lt;/div&gt; &lt;div class="result"&gt;Result #2&lt;/div&gt; &lt;div class="result"&gt;Result #3&lt;/div&gt; &lt;div class="result"&gt;Result #4&lt;/div&gt; &lt;div class="result"&gt;Result #5&lt;/div&gt; &lt;div class="result"&gt;Result #6&lt;/div&gt; &lt;div class="result"&gt;Result #7&lt;/div&gt; &lt;/div&gt; </code></pre> <p>Basically, I am trying to show "3" items per page, but this is not working. I'm assuming that somewhere, I am going to need to create a for loop in my JS, but I'm confused on how to do so. <a href="http://d-scribe.de/webtools/jquery-pagination/lib/jquery_pagination/README" rel="nofollow noreferrer">The documentation can be found here</a>.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload