Skip to content
This repository

Changed <p class="ui-li-aside"> to <aside> #1062

Closed
wants to merge 1 commit into from

2 participants

Michael O'Hearn John Bender
Michael O'Hearn

This fixes one of the problems brought up in issue #580 with scottjehl's suggestions:

For the listview aside class, we could probably use an html5 aside element, but there are other situations we'll need to work through that you posted above.

John Bender

Michael,

I'm going to move this into the feature request backlog we have going on the wiki for now. Thanks for taking the time to submit!

This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Showing 1 unique commit by 1 author.

Feb 11, 2011
Michael O'Hearn changed the listview aside to use the HTML5 aside element per scottje…
…hl's suggestion in issue #580
1122b22
This page is out of date. Refresh to see the latest.
2  docs/lists/docs-lists.html
@@ -72,7 +72,7 @@
72 72
 			<ul>
73 73
 				<li>To add a count indicator to the right of the list item, wrap the number in an element with a class of <code>ui-li-count</code></li>
74 74
 				<li>To add text hierarchy, use headings to increase font emphasis and use paragraphs to reduce emphasis. </li>
75  
-				<li>Supplemental information can be added to the right of each list item by wrapping content in an element with a class of <code>ui-li-aside</code></li>
  75
+        <li>Supplemental information can be added to the right of each list item by wrapping content in an <code>aside</code> element.</li>
76 76
 			</ul>
77 77
 			<a href="lists-count.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with count bubbles</a>
78 78
 			<a href="lists-formatting.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with text formatting</a>
18  docs/lists/lists-formatting.html
@@ -26,56 +26,56 @@
26 26
 				<h3><a href="index.html">Stephen Weber</a></h3>
27 27
 				<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
28 28
 				<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
29  
-				<p class="ui-li-aside"><strong>6:24</strong>PM</p>
  29
+				<aside><strong>6:24</strong>PM</aside>
30 30
 			</li>
31 31
 			<li>
32 32
 				<h3><a href="index.html">jQuery Team</a></h3>
33 33
 				<p><strong>Boston Conference Planning</strong></p>
34 34
 				<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
35  
-				<p class="ui-li-aside"><strong>9:18</strong>AM</p>
  35
+				<aside><strong>9:18</strong>AM</aside>
36 36
 			</li>
37 37
 			<li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
38 38
 			<li>
39 39
 				<h3><a href="index.html">Avery Walker</a></h3>
40 40
 				<p><strong>Re: Dinner Tonight</strong></p>
41 41
 				<p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
42  
-				<p class="ui-li-aside"><strong>4:48</strong>PM</p>
  42
+				<aside><strong>4:48</strong>PM</aside>
43 43
 			</li>
44 44
 			<li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
45 45
 			<li>
46 46
 				<h3><a href="index.html">Amazon.com</a></h3>
47 47
 				<p><strong>4-for-3 Books for Kids</strong></p>
48 48
 				<p>As someone who has purchased children's books from our 4-for-3 Store, you may be interested in these featured books.</p>
49  
-				<p class="ui-li-aside"><strong>12:47</strong>PM</p>
  49
+				<aside><strong>12:47</strong>PM</aside>
50 50
 			</li>
51 51
 			<li>
52 52
 				<h3><a href="index.html">Mike Taylor</a></h3>
53 53
 				<p><strong>Re: This weekend in Maine</strong></p>
54 54
 				<p>Hey little buddy, sorry but I can't make it up to vacationland this weekend. Maybe next weekend?</p>
55  
-				<p class="ui-li-aside"><strong>6:24</strong>AM</p>
  55
+				<aside><strong>6:24</strong>AM</aside>
56 56
 			</li>
57 57
 			<li>
58 58
 				<h3><a href="index.html">Redfin</a></h3>
59 59
 				<p><strong>Redfin listing updates for today</strong></p>
60 60
 				<p>There are 3 updates for the home on your watchlist: 1 updated MLS listing and 2 homes under contract.</p>
61  
-				<p class="ui-li-aside"><strong>5:52</strong>AM</p>
  61
+				<aside><strong>5:52</strong>AM</aside>
62 62
 			</li>
63 63
 				<li data-role="list-divider">Tuesday, October 5, 2010 <span class="ui-li-count">3</span></li>
64 64
 				<li>
65 65
 					<h3><a href="index.html">Angela Smith</a></h3>
66 66
 					<p><strong>Link Request</strong></p>
67 67
 					<p>My name is Angela Smith, SEO Consultant. I've greatly enjoyed looking through your site and I was wondering if you'd be interested in providing a link</p>
68  
-					<p class="ui-li-aside"><strong>6:24</strong>AM</p>
  68
+					<aside><strong>6:24</strong>AM</aside>
69 69
 				</li>
70 70
 				<li>
71 71
 					<h3><a href="index.html">Mike Taylor</a></h3>
72 72
 					<p><strong>This weekend in Maine</strong></p>
73 73
 					<p>Sounds good, let me check into our plans.</p>
74  
-					<p class="ui-li-aside"><strong>6:24</strong>AM</p>
  74
+					<aside><strong>6:24</strong>AM</aside>
75 75
 				</li>
76 76
 		</ul>
77 77
 	</div><!-- /content -->
78 78
 </div><!-- /page -->
79 79
 
80 80
 </body>
81  
-</html>
  81
+</html>
24  docs/toolbars/bars-fixed.html
@@ -46,69 +46,69 @@
46 46
 						<img src="../lists/images/album-bb.jpg" />
47 47
 						<h3><a href="index.html">Broken Bells</a></h3>
48 48
 						<p>Broken Bells</p>
49  
-						<p class="ui-li-aside">$<strong>11.99</strong></p>
  49
+						<aside>$<strong>11.99</strong></aside>
50 50
 					</li>
51 51
 					<li>
52 52
 						<img src="../lists/images/album-hc.jpg" />
53 53
 						<h3><a href="index.html">Warning</a></h3>
54 54
 						<p>Hot Chip</p>
55  
-						<p class="ui-li-aside">$<strong>12.99</strong></p>
  55
+						<aside>$<strong>12.99</strong></aside>
56 56
 					</li>
57 57
 					<li>
58 58
 						<img src="../lists/images/album-p.jpg" />
59 59
 						<h3><a href="index.html">Wolfgang Amadeus Phoenix</a></h3>
60 60
 						<p>Phoenix</p>
61  
-						<p class="ui-li-aside">$<strong>11.99</strong></p>
  61
+						<aside>$<strong>11.99</strong></aside>
62 62
 					</li>
63 63
 					<li>
64 64
 						<img src="../lists/images/album-ok.jpg" />
65 65
 						<h3><a href="index.html">Of The Blue Colour Of The Sky</a></h3>
66 66
 						<p>Ok Go</p>
67  
-						<p class="ui-li-aside">$<strong>10.99</strong></p>
  67
+						<aside>$<strong>10.99</strong></aside>
68 68
 					</li>
69 69
 					<li>
70 70
 						<img src="../lists/images/album-ws.jpg" />
71 71
 						<h3><a href="index.html">Elephant</a></h3>
72 72
 						<p>The White Stripes</p>
73  
-						<p class="ui-li-aside">$<strong>9.99</strong></p>
  73
+						<aside>$<strong>9.99</strong></aside>
74 74
 					</li>
75 75
 					<li>
76 76
 						<img src="../lists/images/album-rh.jpg" />
77 77
 						<h3><a href="index.html">Kid A</a></h3>
78 78
 						<p>Radiohead</p>
79  
-						<p class="ui-li-aside">$<strong>11.99</strong></p>
  79
+						<aside>$<strong>11.99</strong></aside>
80 80
 					</li>
81 81
 					<li>
82 82
 						<img src="../lists/images/album-xx.jpg" />
83 83
 						<h3><a href="index.html">XX</a></h3>
84 84
 						<p>XX</p>
85  
-						<p class="ui-li-aside">$<strong>10.99</strong></p>
  85
+						<aside>$<strong>10.99</strong></aside>
86 86
 					</li>
87 87
 					<li>
88 88
 						<img src="../lists/images/album-mg.jpg" />
89 89
 						<h3><a href="index.html">Congratulations</a></h3>
90 90
 						<p>MGMT</p>
91  
-						<p class="ui-li-aside">$<strong>12.99</strong></p>
  91
+						<aside>$<strong>12.99</strong></aside>
92 92
 					</li>
93 93
 
94 94
 					<li>
95 95
 						<img src="../lists/images/album-ag.jpg" />
96 96
 						<h3><a href="index.html">Ashes Grammar</a></h3>
97 97
 						<p>A Sunny Day in Glasgow</p>
98  
-						<p class="ui-li-aside">$<strong>11.99</strong></p>
  98
+						<aside>$<strong>11.99</strong></aside>
99 99
 					</li>
100 100
 
101 101
 					<li>
102 102
 						<img src="../lists/images/album-k.jpg" />
103 103
 						<h3><a href="index.html">Hot Fuss</a></h3>
104 104
 						<p>Killers</p>
105  
-						<p class="ui-li-aside">$<strong>12.99</strong></p>
  105
+						<aside>$<strong>12.99</strong></aside>
106 106
 					</li>
107 107
 					<li>	
108 108
 						<img src="../lists/images/album-af.jpg" />
109 109
 						<h3><a href="index.html">The Suburbs</a></h3>
110 110
 						<p>Arcade Fire</p>
111  
-						<p class="ui-li-aside">$<strong>12.99</strong></p>
  111
+						<aside>$<strong>12.99</strong></aside>
112 112
 					</li>
113 113
 			</ul>
114 114
 			
@@ -128,4 +128,4 @@
128 128
 </div>
129 129
 
130 130
 </body>
131  
-</html>
  131
+</html>
18  docs/toolbars/footer-persist-c.html
@@ -24,52 +24,52 @@
@@ -86,4 +86,4 @@
6  js/jquery.mobile.listview.js
@@ -125,14 +125,16 @@ $.widget( "mobile.listview", $.mobile.widget, {
125 125
 
126 126
 		item.find( "h1, h2, h3, h4, h5, h6" ).addClass( "ui-li-heading" );
127 127
 
128  
-		item.find( "p, dl" ).addClass( "ui-li-desc" );
  128
+		item.find( "p, dl, aside" ).addClass( "ui-li-desc" );
  129
+
  130
+    item.find( "aside" ).addClass("ui-li-aside");
129 131
 
130 132
 		item.find( "li" ).find( "img:eq(0)" ).addClass( "ui-li-thumb" ).each(function() {
131 133
 			$( this ).closest( "li" )
132 134
 				.addClass( $(this).is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" );
133 135
 		});
134 136
 
135  
-		var aside = item.find( ".ui-li-aside" );
  137
+		var aside = item.find( "aside" );
136 138
 
137 139
 		if ( aside.length ) {
138 140
             aside.each(function(i, el) {
Commit_comment_tip

Tip: You can add notes to lines in a file. Hover to the left of a line to make a note

Something went wrong with that request. Please try again.