Skip to content

Tabs: Document extension #337

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 2 commits into from
Closed

Tabs: Document extension #337

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9c885b8
Tabs: Document extension
Sep 30, 2014
0cb94ee
Tabs: Add IDs to <h2> tags
Sep 30, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 6 additions & 1 deletion pages/tabs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,12 @@
}
}</script>

<p>This widget is imported unchanged from <a href="http://jqueryui.com/">jQuery UI</a>. Nevertheless, in keeping with jQuery Mobile widget features, the options documented on its jQuery UI API <a href="http://api.jqueryui.com/tabs/">reference</a> page are also available as <code>data-*</code> attributes.</p>
<h2 id="introduction">Tabs</h2>
<p>The jQuery UI tabs widget is bundled unchanged with jQuery Mobile. Thus, it's <a href="//api.jqueryui.com/tabs/">API documentation</a> fully describes its functionality.</p>
<h2 id="options-and-autoinit">Options and autoinitialization</h2>
<p>When used with jQuery Mobile's autoinitialization features, the options documented on the widget's API documentation page can also be provided as <code>data-*</code> attributes in the markup. You can add the <code>data-role="tabs"</code> attribute to your tabs widget markup to indicate that the element is to be turned into a tabs widget.</p>
<h2 id="ajax">Ajax considerations</h2>
<p>jQuery Mobile provides an extension to the tabs widget (<code>tabs.ajax</code>). The extension provides no new API, however, it modifies the way in which the widget evaluates whether displaying the content referred to by the <code>href</code> attributes of the links that play the role of tabs requires retrieval via Ajax. It is necessary to include this extension if your project consists of multiple external jQuery Mobile pages, one of which features a tabs widget.</p>

<section class="entry-examples" id="entry-examples">
<header><h2>Example:</h2></header>
Expand Down