Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

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

Closed
wants to merge 1 commit into from
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
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
2 changes: 1 addition & 1 deletion docs/lists/docs-lists.html
Original file line number Diff line number Diff line change
Expand Up @@ -72,7 +72,7 @@ <h2>Text formatting &amp; counts</h2>
<ul>
<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>
<li>To add text hierarchy, use headings to increase font emphasis and use paragraphs to reduce emphasis. </li>
<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>
<li>Supplemental information can be added to the right of each list item by wrapping content in an <code>aside</code> element.</li>
</ul>
<a href="lists-count.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with count bubbles</a>
<a href="lists-formatting.html" data-role="button" data-icon="arrow-r" data-iconpos="right">List with text formatting</a>
Expand Down
18 changes: 9 additions & 9 deletions docs/lists/lists-formatting.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,56 +26,56 @@ <h1>List formatting</h1>
<h3><a href="index.html">Stephen Weber</a></h3>
<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
<p class="ui-li-aside"><strong>6:24</strong>PM</p>
<aside><strong>6:24</strong>PM</aside>
</li>
<li>
<h3><a href="index.html">jQuery Team</a></h3>
<p><strong>Boston Conference Planning</strong></p>
<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
<p class="ui-li-aside"><strong>9:18</strong>AM</p>
<aside><strong>9:18</strong>AM</aside>
</li>
<li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
<li>
<h3><a href="index.html">Avery Walker</a></h3>
<p><strong>Re: Dinner Tonight</strong></p>
<p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
<p class="ui-li-aside"><strong>4:48</strong>PM</p>
<aside><strong>4:48</strong>PM</aside>
</li>
<li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
<li>
<h3><a href="index.html">Amazon.com</a></h3>
<p><strong>4-for-3 Books for Kids</strong></p>
<p>As someone who has purchased children's books from our 4-for-3 Store, you may be interested in these featured books.</p>
<p class="ui-li-aside"><strong>12:47</strong>PM</p>
<aside><strong>12:47</strong>PM</aside>
</li>
<li>
<h3><a href="index.html">Mike Taylor</a></h3>
<p><strong>Re: This weekend in Maine</strong></p>
<p>Hey little buddy, sorry but I can't make it up to vacationland this weekend. Maybe next weekend?</p>
<p class="ui-li-aside"><strong>6:24</strong>AM</p>
<aside><strong>6:24</strong>AM</aside>
</li>
<li>
<h3><a href="index.html">Redfin</a></h3>
<p><strong>Redfin listing updates for today</strong></p>
<p>There are 3 updates for the home on your watchlist: 1 updated MLS listing and 2 homes under contract.</p>
<p class="ui-li-aside"><strong>5:52</strong>AM</p>
<aside><strong>5:52</strong>AM</aside>
</li>
<li data-role="list-divider">Tuesday, October 5, 2010 <span class="ui-li-count">3</span></li>
<li>
<h3><a href="index.html">Angela Smith</a></h3>
<p><strong>Link Request</strong></p>
<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>
<p class="ui-li-aside"><strong>6:24</strong>AM</p>
<aside><strong>6:24</strong>AM</aside>
</li>
<li>
<h3><a href="index.html">Mike Taylor</a></h3>
<p><strong>This weekend in Maine</strong></p>
<p>Sounds good, let me check into our plans.</p>
<p class="ui-li-aside"><strong>6:24</strong>AM</p>
<aside><strong>6:24</strong>AM</aside>
</li>
</ul>
</div><!-- /content -->
</div><!-- /page -->

</body>
</html>
</html>
24 changes: 12 additions & 12 deletions docs/toolbars/bars-fixed.html
Original file line number Diff line number Diff line change
Expand Up @@ -46,69 +46,69 @@ <h4>And an inset list</h4>
<img src="../lists/images/album-bb.jpg" />
<h3><a href="index.html">Broken Bells</a></h3>
<p>Broken Bells</p>
<p class="ui-li-aside">$<strong>11.99</strong></p>
<aside>$<strong>11.99</strong></aside>
</li>
<li>
<img src="../lists/images/album-hc.jpg" />
<h3><a href="index.html">Warning</a></h3>
<p>Hot Chip</p>
<p class="ui-li-aside">$<strong>12.99</strong></p>
<aside>$<strong>12.99</strong></aside>
</li>
<li>
<img src="../lists/images/album-p.jpg" />
<h3><a href="index.html">Wolfgang Amadeus Phoenix</a></h3>
<p>Phoenix</p>
<p class="ui-li-aside">$<strong>11.99</strong></p>
<aside>$<strong>11.99</strong></aside>
</li>
<li>
<img src="../lists/images/album-ok.jpg" />
<h3><a href="index.html">Of The Blue Colour Of The Sky</a></h3>
<p>Ok Go</p>
<p class="ui-li-aside">$<strong>10.99</strong></p>
<aside>$<strong>10.99</strong></aside>
</li>
<li>
<img src="../lists/images/album-ws.jpg" />
<h3><a href="index.html">Elephant</a></h3>
<p>The White Stripes</p>
<p class="ui-li-aside">$<strong>9.99</strong></p>
<aside>$<strong>9.99</strong></aside>
</li>
<li>
<img src="../lists/images/album-rh.jpg" />
<h3><a href="index.html">Kid A</a></h3>
<p>Radiohead</p>
<p class="ui-li-aside">$<strong>11.99</strong></p>
<aside>$<strong>11.99</strong></aside>
</li>
<li>
<img src="../lists/images/album-xx.jpg" />
<h3><a href="index.html">XX</a></h3>
<p>XX</p>
<p class="ui-li-aside">$<strong>10.99</strong></p>
<aside>$<strong>10.99</strong></aside>
</li>
<li>
<img src="../lists/images/album-mg.jpg" />
<h3><a href="index.html">Congratulations</a></h3>
<p>MGMT</p>
<p class="ui-li-aside">$<strong>12.99</strong></p>
<aside>$<strong>12.99</strong></aside>
</li>

<li>
<img src="../lists/images/album-ag.jpg" />
<h3><a href="index.html">Ashes Grammar</a></h3>
<p>A Sunny Day in Glasgow</p>
<p class="ui-li-aside">$<strong>11.99</strong></p>
<aside>$<strong>11.99</strong></aside>
</li>

<li>
<img src="../lists/images/album-k.jpg" />
<h3><a href="index.html">Hot Fuss</a></h3>
<p>Killers</p>
<p class="ui-li-aside">$<strong>12.99</strong></p>
<aside>$<strong>12.99</strong></aside>
</li>
<li>
<img src="../lists/images/album-af.jpg" />
<h3><a href="index.html">The Suburbs</a></h3>
<p>Arcade Fire</p>
<p class="ui-li-aside">$<strong>12.99</strong></p>
<aside>$<strong>12.99</strong></aside>
</li>
</ul>

Expand All @@ -128,4 +128,4 @@ <h1>Fixed Footer</h1>
</div>

</body>
</html>
</html>
18 changes: 9 additions & 9 deletions docs/toolbars/footer-persist-c.html
Original file line number Diff line number Diff line change
Expand Up @@ -24,52 +24,52 @@ <h1>Inbox</h1>
<h3><a href="index.html">Stephen Weber</a></h3>
<p><strong>You've been invited to a meeting at Filament Group in Boston, MA</strong></p>
<p>Hey Stephen, if you're available at 10am tomorrow, we've got a meeting with the jQuery team.</p>
<p class="ui-li-aside"><strong>6:24</strong>PM</p>
<aside><strong>6:24</strong>PM</aside>
</li>
<li>
<h3><a href="index.html">jQuery Team</a></h3>
<p><strong>Boston Conference Planning</strong></p>
<p>In preparation for the upcoming conference in Boston, we need to start gathering a list of sponsors and speakers.</p>
<p class="ui-li-aside"><strong>9:18</strong>AM</p>
<aside><strong>9:18</strong>AM</aside>
</li>
<li data-role="list-divider">Thursday, October 7, 2010 <span class="ui-li-count">1</span></li>
<li>
<h3><a href="index.html">Avery Walker</a></h3>
<p><strong>Re: Dinner Tonight</strong></p>
<p>Sure, let's plan on meeting at Highland Kitchen at 8:00 tonight. Can't wait! </p>
<p class="ui-li-aside"><strong>4:48</strong>PM</p>
<aside><strong>4:48</strong>PM</aside>
</li>
<li data-role="list-divider">Wednesday, October 6, 2010 <span class="ui-li-count">3</span></li>
<li>
<h3><a href="index.html">Amazon.com</a></h3>
<p><strong>4-for-3 Books for Kids</strong></p>
<p>As someone who has purchased children's books from our 4-for-3 Store, you may be interested in these featured books.</p>
<p class="ui-li-aside"><strong>12:47</strong>PM</p>
<aside><strong>12:47</strong>PM</aside>
</li>
<li>
<h3><a href="index.html">Mike Taylor</a></h3>
<p><strong>Re: This weekend in Maine</strong></p>
<p>Hey little buddy, sorry but I can't make it up to vacationland this weekend. Maybe next weekend?</p>
<p class="ui-li-aside"><strong>6:24</strong>AM</p>
<aside><strong>6:24</strong>AM</aside>
</li>
<li>
<h3><a href="index.html">Redfin</a></h3>
<p><strong>Redfin listing updates for today</strong></p>
<p>There are 3 updates for the home on your watchlist: 1 updated MLS listing and 2 homes under contract.</p>
<p class="ui-li-aside"><strong>5:52</strong>AM</p>
<aside><strong>5:52</strong>AM</aside>
</li>
<li data-role="list-divider">Tuesday, October 5, 2010 <span class="ui-li-count">3</span></li>
<li>
<h3><a href="index.html">Angela Smith</a></h3>
<p><strong>Link Request</strong></p>
<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>
<p class="ui-li-aside"><strong>6:24</strong>AM</p>
<aside><strong>6:24</strong>AM</aside>
</li>
<li>
<h3><a href="index.html">Mike Taylor</a></h3>
<p><strong>This weekend in Maine</strong></p>
<p>Sounds good, let me check into our plans.</p>
<p class="ui-li-aside"><strong>6:24</strong>AM</p>
<aside><strong>6:24</strong>AM</aside>
</li>
</ul>
</div>
Expand All @@ -86,4 +86,4 @@ <h3><a href="index.html">Mike Taylor</a></h3>
</div><!-- /page -->

</body>
</html>
</html>
6 changes: 4 additions & 2 deletions js/jquery.mobile.listview.js
Original file line number Diff line number Diff line change
Expand Up @@ -125,14 +125,16 @@ $.widget( "mobile.listview", $.mobile.widget, {

item.find( "h1, h2, h3, h4, h5, h6" ).addClass( "ui-li-heading" );

item.find( "p, dl" ).addClass( "ui-li-desc" );
item.find( "p, dl, aside" ).addClass( "ui-li-desc" );

item.find( "aside" ).addClass("ui-li-aside");

item.find( "li" ).find( "img:eq(0)" ).addClass( "ui-li-thumb" ).each(function() {
$( this ).closest( "li" )
.addClass( $(this).is( ".ui-li-icon" ) ? "ui-li-has-icon" : "ui-li-has-thumb" );
});

var aside = item.find( ".ui-li-aside" );
var aside = item.find( "aside" );

if ( aside.length ) {
aside.each(function(i, el) {
Expand Down