Skip to content

Commit 1993802

Browse files
toddparkertoddparker
committed
Demos: Fixed broken link, adjusted heading hierarchy
1 parent d68860f commit 1993802

File tree

2 files changed

+21
-21
lines changed

2 files changed

+21
-21
lines changed

‎docs/intro/index.php‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@
6363

6464
<p>jQuery Mobile includes a wide range of touch-friendly UI widgets: <a href="../widgets/buttons/">buttons</a>, <a href="../widgets/forms/">form elements</a>, <a href="../widgets/collapsibles/">collapsibles</a>, <a href="../widgets/accordions/">accordions</a>, <a href="../widgets/popup/">popups</a>, <a href="../widgets/dialog/">dialogs</a>, <a href="../widgets/table-column-toggle">responsive tables</a>, and much more. For best performance, use the <a href="http://jquerymobile.com/download-builder/" rel="external">download builder</a> to pick the components you need.</p>
6565

66-
<h2>Buttons</h2>
66+
<h4>Buttons</h4>
6767
<p>There are a few ways to make <a href="../widgets/buttons" title="buttons-types">buttons</a>, but let's turn a link into a button so it's easy to click. Just start with a link and add a <code>data-role="button"</code> attribute to it. You can add an <a href="../icons">icon</a> with the <code>data-icon</code> attribute and optionally set its position with the <code>data-iconpos</code> attribute.</p>
6868

6969

@@ -73,7 +73,7 @@
7373

7474

7575

76-
<h2>Listviews</h2>
76+
<h4>Listviews</h4>
7777
<p>jQuery Mobile includes a diverse set of common <a href="../widgets/listviews" title="docs-lists">listviews</a> that are coded as lists with a <code>data-role="listview"</code> added. Here is a simple linked list that has a role of <code>listview</code>. We're going to make this look like an inset module by adding a <code>data-inset="true"</code> attribute and we add a dynamic search filter with <code>data-filter="true"</code>.</p>
7878

7979
<div data-demo-html="true">
@@ -88,8 +88,8 @@
8888

8989

9090

91-
<h2>Form elements</h2>
92-
<p>The framework contains a full set of <a href="../widgets/forms">form elements</a> that are automatically enhanced into touch-friendly styled widgets. Here's a slider made with the new HTML5 input type of range, no <code>data-role</code> needed. Be sure to wrap these in a <code>form</code> element and always properly associate a <code>label</code> with every form element.</p>
91+
<h4>Form elements</h4>
92+
<p>The framework contains a full set of <a href="../widgets/forms/">form elements</a> that are automatically enhanced into touch-friendly styled widgets. Here's a slider made with the new HTML5 input type of range, no <code>data-role</code> needed. Be sure to wrap these in a <code>form</code> element and always properly associate a <code>label</code> with every form element.</p>
9393

9494
<div data-demo-html="true">
9595
<form>

‎docs/widgets/forms/index.php‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,23 +4,23 @@
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1">
66
<title>Form reference - jQuery Mobile Demos</title>
7-
<link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css">
8-
<link rel="stylesheet" href="../../_assets/css/jqm-demos.css">
9-
<link rel="shortcut icon" href="../../_assets/favicon.ico">
10-
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
11-
<script src="../../../js/jquery.js"></script>
12-
<script src="../../_assets/js/"></script>
13-
<script src="../../../js/"></script>
14-
</head>
15-
<body>
16-
<div data-role="page" class="jqm-demos" data-quicklinks="true">
17-
18-
<div data-role="header" class="jqm-header">
19-
<h1 class="jqm-logo"><a href="../../../"><img src="../../_assets/img/jquery-logo.png" alt="jQuery Mobile Framework"></a></h1>
20-
<a href="#panel-nav" class="jqm-navmenu-link" data-icon="bars" data-iconpos="notext">Navigation</a>
21-
<a href="#" class="jqm-search-link" data-icon="search" data-iconpos="notext">Search</a>
22-
<?php include( '../../search.php' ); ?>
23-
</div><!-- /header -->
7+
<link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css">
8+
<link rel="stylesheet" href="../../_assets/css/jqm-demos.css">
9+
<link rel="shortcut icon" href="../../_assets/favicon.ico">
10+
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
11+
<script src="../../../js/jquery.js"></script>
12+
<script src="../../_assets/js/"></script>
13+
<script src="../../../js/"></script>
14+
</head>
15+
<body>
16+
<div data-role="page" class="jqm-demos" data-quicklinks="true">
17+
18+
<div data-role="header" class="jqm-header">
19+
<h1 class="jqm-logo"><a href="../../../"><img src="../../_assets/img/jquery-logo.png" alt="jQuery Mobile Framework"></a></h1>
20+
<a href="#panel-nav" class="jqm-navmenu-link" data-icon="bars" data-iconpos="notext">Navigation</a>
21+
<a href="#" class="jqm-search-link" data-icon="search" data-iconpos="notext">Search</a>
22+
<?php include( '../../search.php' ); ?>
23+
</div><!-- /header -->
2424

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

0 commit comments

Comments
 (0)