Skip to content

agcolom/jqm-pagination

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

jQuery Mobile Pagination Plugin

A jQuery Mobile plugin for sequential pagination between pages with support for touch, mouse, and keyboard!

Simply add this plugin to your page and link together documents via ordinary HTML anchors. jQuery Mobile Pagination will enhance those links with touch-drag navigation in browsers that support touch events.

This is implemented on top of jQuery Mobile's Ajax Navigation Model, meaning this plugin ties into your browser's history, so back and forward buttons work as expected!

Demos and documentation

This plugin requires jQuery and jQuery Mobile. It doesn't require the whole framework though, we'll document that later!

To use:

  1. Reference jquery.mobile.pagination.css and jquery.mobile.pagination.js from your page.
  2. Place the following markup somewhere inside each document that you want to make draggable. The links should point to the next and previous pages.

Markup:

<ul data-role="pagination">
    <li class="ui-pagination-prev"><a href="2.html">Prev</a></li>
    <li class="ui-pagination-next"><a href="4.html">Next</a></li>
</ul>

About

jQuery Mobile Pagination for touch, mouse, and keyboard

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%