jQuery Mobile tabs
JavaScript CSS
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
example
README.md
collapsibleSet.js
jquery.mobile.collapsible.css
jquery.mobile.collapsible.css~
jquerymobile-tabview.jquery.json

README.md

tabview

tabs for Jquery Mobile
version based on JQM 1.4.0a2 (August 2013)
demo: JQM tabview plugin

Changelog:
0.3.0

  • updated to JQM 1.4.0a2
  • changed data-type="horizontal" to data-type="tabs"
  • switched to fully CSS generated tabs
  • added fallback to regular collapsible-set below 40em screen width (using media queries)

Notes:
Tabs are now easier to manage using pure CSS. Just add the number of tabs you need using data-tabs="1-10" along with data-type="tabs" to the collapsible set. Also, by default tabs fallback to a regular collapsible-sets on small screens (see example). If you don't want this, just remove the media query and tabs will be tabs at any screen size.

Todos:

  • Fix bottom left corner of first tab
  • Support data-icon="false" for text-only tabs
  • Try two rows of tabs on small screens