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!
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>
1 comments:
Very useful but still having problem from side if we want to used a textbox control when we move to other page and come back the textbox value will disappear (reload initial page) do you have any idea how we can do it? thx
Post a Comment