Skip to content

Commit 81b8e88

Browse files
Demos: include examples and faq menus
1 parent 421152a commit 81b8e88

File tree

4 files changed

+78
-85
lines changed

4 files changed

+78
-85
lines changed

demos/examples/index.html

Lines changed: 2 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -27,30 +27,8 @@ <h1>Demo Showcase</h1>
2727

2828
<p class="jqm-intro">This section explores how you can customize, extend, re-style and take full advantage of jQuery Mobile.</p>
2929

30-
<ul data-role="listview" data-inset="true" data-filter="true" data-theme="d" data-divider-theme="d" data-icon="false" class="jqm-list" data-filter-placeholder="Search demos...">
31-
<li data-role="list-divider">Listviews</li>
32-
<li><a href="listviews/grid-listview.html" data-ajax="false">Grid Listview</a></li>
33-
<li><a href="listviews/autodividers-linkbar.html" data-ajax="false">Autodividers Linkbar</a></li>
34-
<li><a href="listviews/autodividers-selector.html" data-ajax="false">Autodividers Selector</a></li>
35-
<li data-role="list-divider">Panels</li>
36-
<li><a href="panels/panel-styling.html" data-ajax="false">Panel styling</a></li>
37-
<li><a href="panels/panel-swipe-open.html" data-ajax="false">Open panel on swipe</a></li>
38-
<li data-role="list-divider">Popups</li>
39-
<li><a href="popups/dynamic-popup.html" data-ajax="false">Dynamic popup</a></li>
40-
<li data-role="list-divider">Responsive Tables</li>
41-
<li><a href="tables/movie-list.html" data-ajax="false">Reflow: Custom styles</a></li>
42-
<li><a href="tables/financial-grouped-reflow.html" data-ajax="false">Reflow: Heading groups</a></li>
43-
<li><a href="tables/movie-list-toggle-options.html" data-ajax="false">Column toggle: Customization options</a></li>
44-
<li><a href="tables/financial-grouped-columns.html" data-ajax="false">Column toggle: Heading groups</a></li>
45-
<li><a href="tables/phone-compare.html" data-ajax="false">Column toggle demo: Phone comparison</a></li>
46-
<li data-role="list-divider">Navigation</li>
47-
<li><a href="backbone-require/index.html" data-ajax="false">Backbone and Require.js example</a></li>
48-
<li><a href="redirect/index.html" data-ajax="false">Redirection with server-side support</a></li>
49-
<li data-role="list-divider">Swipe</li>
50-
<li><a href="swipe/swipe-page.html" data-ajax="false">Swipe to navigate</a></li>
51-
<li><a href="swipe/swipe-list.html" data-ajax="false">Swipe to delete list item</a></li>
52-
<li data-role="list-divider">Slider extension</li>
53-
<li><a href="slider/tooltip.html" data-ajax="false">Tooltip extension</a></li>
30+
<ul data-role="listview" data-inset="true" data-filter="true" data-theme="d" data-divider-theme="d" data-icon="false" class="jqm-list jqm-include" data-filter-placeholder="Search demos...">
31+
<?php include( '../nav-examples.html' ); ?>
5432
</ul>
5533

5634

demos/faq/index.html

Lines changed: 7 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -23,67 +23,13 @@ <h1>jQuery Mobile</h1>
2323

2424
<div data-role="content" class="jqm-content">
2525

26-
<h1>Questions &amp; Answers</h1>
27-
28-
<p class="jqm-intro">Things do always work like they do in the docs, so we've collected common questions and solutions to help get you up to speed and solve tricky issues when working with jQuery Mobile.</p>
29-
<ul data-role="listview" data-inset="true" data-filter="true" data-theme="d" data-divider-theme="d" data-icon="false" class="jqm-list" data-filter-placeholder="Search questions...">
30-
<li data-role="list-divider">Forms</li>
31-
<li><a href="question-template.html">Why won't my CSS styles apply correctly to a widget?</a></li>
32-
<li><a href="updating-the-value-of-enhanced-form-elements-does-not-work.html">Updating the value of enhanced form elements does not work.</a></li>
33-
<li><a href="my-html-5-inputs-look-different-in-browsers.html">My HTML 5 inputs look different across devices and browsers.</a></li>
34-
<li><a href="my-range-search-input-type-is-being-changed.html">My range or search inputs are being change to number/text.</a></li>
35-
<li><a href="sometimes-custom-select-shows-as-dialog-popup.html">Sometimes my custom select shows as a popup other times its a dialog.</a></li>
36-
<li><a href="disabling-a-button-does-not-work.html">Disabling a button does not work.</a></li>
37-
<li><a href="controls-in-header-footer.html">Controls in my fixed header or footer are not responding or behave erratically.</a></li>
38-
39-
<li data-role="list-divider">Pages</li>
40-
<li><a href="scripts-and-styles-not-loading.html">Why aren't my scripts and styles loading?</a></li>
41-
<li><a href="dom-ready-not-working.html">Why isn't DOM ready working for my scripts?</a></li>
42-
<li><a href="how-do-i-load-a-page.html">How do I load a page?</a></li>
43-
<li><a href="why-is-only-the-first-page-loaded.html">Why is only the first page of my multi page document loaded?</a></li>
44-
<li><a href="pass-query-params-to-page.html">I'm trying to pass query params to a page but it's not working?</a></li>
45-
<li><a href="pass-via-the-hash-to-page.html">I'm trying to pass information via the hash but it's not working?</a></li>
46-
<li><a href="the-application-cache-is-not-working.html">I'm trying to use the application cache but it's not working?</a></li>
47-
<li><a href="injected-content-is-not-enhanced.html">Content injected into a page is not enhanced.</a></li>
48-
<li><a href="triggering-create-on-injected-content-does-not-work.html">Triggering create on injected HTML does not work.</a></li>
49-
<li><a href="how-can-i-stop-auto-enhancement-of-elements.html">How can I stop JQM from auto-enhancing an element?</a></li>
50-
<li><a href="how-can-i-stop-auto-enhancement-of-a-block-of-elements.html">How can I stop JQM from enhancing a block of elements?</a></li>
51-
<li><a href="how-do-i-control-page-titles.html">How do I control page titles?</a></li>
52-
<li><a href="how-do-i-load-a-page.html">How do I load a page?</a></li>
53-
<li data-role="list-divider">Events</li>
54-
<li><a href="how-do-i-use-touch-mouse-events.html">How do I use touch and mouse events?</a></li>
55-
<li data-role="list-divider">Apps</li>
56-
<li><a href="how-configure-phonegap-cordova.html">How do I need to configure PhoneGap/Cordova?</a></li>
57-
58-
59-
60-
<!--
61-
<li data-role="list-divider">Navigation</li>
62-
<li><a href="nav-is-acting-erraticly.html">The nav is acting erratically!</a></li>
63-
<li><a href="deep-links-dont-work.html">Following a deep link ( a link to scroll to and id ) does not work.</a></li>
64-
<li><a href="scripts-css-only-works-on-first-page-or-refresh.html">My script / css only works on first page or on refresh.</a></li>
65-
66-
<li data-role="list-divider">Widgets</li>
67-
<li><a href="cloned-content-double-enhanced.html">Cloning a widget or enhanced for element and enhancing causes "double" enhancement</a></li>
68-
<li><a href="cloned-content-does-not-update.html">Cloned widget or enhanced element does not update</a></li>
69-
<li><a href="data-enhance-false-does-not-work.html">Setting data-enhance="false" does not work.</a></li>
70-
71-
<li data-role="list-divider">General</li>
72-
<li><a href="selecting-element-by-id-not-working.html">Selecting elements by id only works sometimes or on first page!</a></li>
73-
<li><a href="global-config-settings-ignored.html">The global configuration settings i set are being ignored.</a></li>
74-
<li><a href="custom-css-is-ignored.html">My custom css is ignored.</a></li>
75-
<li data-role="list-divider">Events</li>
76-
<li><a href="swipe-triggered-when-scrolling.html">Swipe triggered when scrolling.</a></li>
77-
<li><a href="document-ready-not-working.html">Document ready ignored after first page.</a></li>
78-
<li data-role="list-divider">Theming &amp; custom styles</li>
79-
<li><a href="#">How do I add custom icons?</a></li>
80-
<li><a href="#">How do I add remove the circle behind the icons?</a></li>
81-
-->
82-
</ul>
83-
84-
85-
86-
26+
<h1>Questions &amp; Answers</h1>
27+
28+
<p class="jqm-intro">Things do always work like they do in the docs, so we've collected common questions and solutions to help get you up to speed and solve tricky issues when working with jQuery Mobile.</p>
29+
30+
<ul data-role="listview" data-inset="true" data-filter="true" data-theme="d" data-divider-theme="d" data-icon="false" class="jqm-list jqm-include" data-filter-placeholder="Search questions...">
31+
<?php include( '../nav-faq.html' ); ?>
32+
</ul>
8733

8834
</div><!-- /content -->
8935

demos/nav-examples.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<li data-role="list-divider">Listviews</li>
2+
<li><a href="examples/listviews/grid-listview.html" data-ajax="false">Grid Listview</a></li>
3+
<li><a href="examples/listviews/autodividers-linkbar.html" data-ajax="false">Autodividers Linkbar</a></li>
4+
<li><a href="examples/listviews/autodividers-selector.html" data-ajax="false">Autodividers Selector</a></li>
5+
<li data-role="list-divider">Panels</li>
6+
<li><a href="examples/panels/panel-styling.html" data-ajax="false">Panel styling</a></li>
7+
<li><a href="examples/panels/panel-swipe-open.html" data-ajax="false">Open panel on swipe</a></li>
8+
<li data-role="list-divider">Popups</li>
9+
<li><a href="examples/popups/dynamic-popup.html" data-ajax="false">Dynamic popup</a></li>
10+
<li data-role="list-divider">Responsive Tables</li>
11+
<li><a href="examples/tables/movie-list.html" data-ajax="false">Reflow: Custom styles</a></li>
12+
<li><a href="examples/tables/financial-grouped-reflow.html" data-ajax="false">Reflow: Heading groups</a></li>
13+
<li><a href="examples/tables/movie-list-toggle-options.html" data-ajax="false">Column toggle: Customization options</a></li>
14+
<li><a href="examples/tables/financial-grouped-columns.html" data-ajax="false">Column toggle: Heading groups</a></li>
15+
<li><a href="examples/tables/phone-compare.html" data-ajax="false">Column toggle demo: Phone comparison</a></li>
16+
<li data-role="list-divider">Navigation</li>
17+
<li><a href="examples/backbone-require/index.html" data-ajax="false">Backbone and Require.js example</a></li>
18+
<li><a href="examples/redirect/index.html" data-ajax="false">Redirection with server-side support</a></li>
19+
<li data-role="list-divider">Swipe</li>
20+
<li><a href="examples/swipe/swipe-page.html" data-ajax="false">Swipe to navigate</a></li>
21+
<li><a href="examples/swipe/swipe-list.html" data-ajax="false">Swipe to delete list item</a></li>
22+
<li data-role="list-divider">Slider extension</li>
23+
<li><a href="examples/slider/tooltip.html" data-ajax="false">Tooltip extension</a></li>

demos/nav-faq.html

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<li data-role="list-divider">Forms</li>
2+
<li><a href="faq/question-template.html">Why won't my CSS styles apply correctly to a widget?</a></li>
3+
<li><a href="faq/updating-the-value-of-enhanced-form-elements-does-not-work.html">Updating the value of enhanced form elements does not work.</a></li>
4+
<li><a href="faq/my-html-5-inputs-look-different-in-browsers.html">My HTML 5 inputs look different across devices and browsers.</a></li>
5+
<li><a href="faq/my-range-search-input-type-is-being-changed.html">My range or search inputs are being change to number/text.</a></li>
6+
<li><a href="faq/sometimes-custom-select-shows-as-dialog-popup.html">Sometimes my custom select shows as a popup other times its a dialog.</a></li>
7+
<li><a href="faq/disabling-a-button-does-not-work.html">Disabling a button does not work.</a></li>
8+
<li><a href="faq/controls-in-header-footer.html">Controls in my fixed header or footer are not responding or behave erratically.</a></li>
9+
<li data-role="list-divider">Pages</li>
10+
<li><a href="faq/scripts-and-styles-not-loading.html">Why aren't my scripts and styles loading?</a></li>
11+
<li><a href="faq/dom-ready-not-working.html">Why isn't DOM ready working for my scripts?</a></li>
12+
<li><a href="faq/how-do-i-load-a-page.html">How do I load a page?</a></li>
13+
<li><a href="faq/why-is-only-the-first-page-loaded.html">Why is only the first page of my multi page document loaded?</a></li>
14+
<li><a href="faq/pass-query-params-to-page.html">I'm trying to pass query params to a page but it's not working?</a></li>
15+
<li><a href="faq/pass-via-the-hash-to-page.html">I'm trying to pass information via the hash but it's not working?</a></li>
16+
<li><a href="faq/the-application-cache-is-not-working.html">I'm trying to use the application cache but it's not working?</a></li>
17+
<li><a href="faq/injected-content-is-not-enhanced.html">Content injected into a page is not enhanced.</a></li>
18+
<li><a href="faq/triggering-create-on-injected-content-does-not-work.html">Triggering create on injected HTML does not work.</a></li>
19+
<li><a href="faq/how-can-i-stop-auto-enhancement-of-elements.html">How can I stop JQM from auto-enhancing an element?</a></li>
20+
<li><a href="faq/how-can-i-stop-auto-enhancement-of-a-block-of-elements.html">How can I stop JQM from enhancing a block of elements?</a></li>
21+
<li><a href="faq/how-do-i-control-page-titles.html">How do I control page titles?</a></li>
22+
<li><a href="faq/how-do-i-load-a-page.html">How do I load a page?</a></li>
23+
<li data-role="list-divider">Events</li>
24+
<li><a href="faq/how-do-i-use-touch-mouse-events.html">How do I use touch and mouse events?</a></li>
25+
<li data-role="list-divider">Apps</li>
26+
<li><a href="faq/how-configure-phonegap-cordova.html">How do I need to configure PhoneGap/Cordova?</a></li>
27+
<!--
28+
<li data-role="list-divider">Navigation</li>
29+
<li><a href="faq/nav-is-acting-erraticly.html">The nav is acting erratically!</a></li>
30+
<li><a href="faq/deep-links-dont-work.html">Following a deep link ( a link to scroll to and id ) does not work.</a></li>
31+
<li><a href="faq/scripts-css-only-works-on-first-page-or-refresh.html">My script / css only works on first page or on refresh.</a></li>
32+
<li data-role="list-divider">Widgets</li>
33+
<li><a href="faq/cloned-content-double-enhanced.html">Cloning a widget or enhanced for element and enhancing causes "double" enhancement</a></li>
34+
<li><a href="faq/cloned-content-does-not-update.html">Cloned widget or enhanced element does not update</a></li>
35+
<li><a href="faq/data-enhance-false-does-not-work.html">Setting data-enhance="false" does not work.</a></li>
36+
<li data-role="list-divider">General</li>
37+
<li><a href="faq/selecting-element-by-id-not-working.html">Selecting elements by id only works sometimes or on first page!</a></li>
38+
<li><a href="faq/global-config-settings-ignored.html">The global configuration settings i set are being ignored.</a></li>
39+
<li><a href="faq/custom-css-is-ignored.html">My custom css is ignored.</a></li>
40+
<li data-role="list-divider">Events</li>
41+
<li><a href="faq/swipe-triggered-when-scrolling.html">Swipe triggered when scrolling.</a></li>
42+
<li><a href="faq/document-ready-not-working.html">Document ready ignored after first page.</a></li>
43+
<li data-role="list-divider">Theming &amp; custom styles</li>
44+
<li><a href="faq/#">How do I add custom icons?</a></li>
45+
<li><a href="faq/#">How do I add remove the circle behind the icons?</a></li>
46+
-->

0 commit comments

Comments
 (0)