jQuery Pagination Plugin

by

You don’t even need to use a for loop, just use jQuery’s slice() method and a bit of math.

I’ve hosted a working demo on JS Bin: http://jsbin.com/upuwe (Editable via http://jsbin.com/upuwe/edit)

Here’s the modified code:

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

More Related Contents:

  1. Check if a user has scrolled to the bottom (not just the window, but any element) [duplicate]
  2. jQuery load content when scroll to bottom-100px of page, multiple events fired
  3. How to use SimplePagination jquery
  4. How to use pagination on HTML tables?
  5. Substraction two textbox values with jquery [duplicate]
  6. How do I access the link to the content? [closed]
  7. jQuery $(document).ready and UpdatePanels?
  8. I keep getting “Uncaught SyntaxError: Unexpected token o”
  9. Javascript – arrow functions this in event handler?
  10. Detect all changes to a (immediately) using JQuery
  11. How do I get jQuery to select elements with a . (period) in their ID?
  12. Is it possible to clone html element objects in JavaScript?
  13. How to send email by using javascript or jquery
  14. Is there a way to round numbers into a reader friendly format? (e.g. $1.1k) [closed]
  15. jQuery: how to change tag name?
  16. Best way to store a key=>value array in JavaScript?
  17. Am I using too much jQuery? When am I crossing the line?
  18. Refused to execute inline event handler because it violates CSP. (SANDBOX)
  19. Using JQuery to bind “focus” and “blur” functions for “window”, doesn’t work in IE
  20. Using mousedown event on mobile without jQuery mobile?
  21. Click on option event
  22. Convert dropdown to selection boxes with color and trigger drop down action
  23. Allow text box only for letters using jQuery?
  24. Focus tab or window
  25. Execute function queue in javascript
  26. how to convert xml to json using jquery
  27. JQuery issue “TypeError: $.getJSON is not a function”
  28. Best JavaScript Date Parser & Formatter? [closed]
  29. how to use jQuery installed with npm in Express app?
  30. Validate Dynamically Added Input fields

Leave a Comment