mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-17 06:20:26 +00:00
79 lines
No EOL
2.5 KiB
HTML
79 lines
No EOL
2.5 KiB
HTML
<?php /*gzip page*/ ob_start("ob_gzhandler"); ?>
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>jQuery Mobile Framework - Tree Example</title>
|
|
<link rel="stylesheet" type="text/css" href="css/all" />
|
|
<script type="text/javascript" src="js/all"></script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<div class="ui-page">
|
|
|
|
<div class="ui-header ui-bar-a">
|
|
<h1>Tree Example</h1>
|
|
<a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>
|
|
</div>
|
|
|
|
|
|
<div class="ui-content">
|
|
|
|
|
|
<ul data-role="tree">
|
|
<li><a href="#">Tree demo Description</a>
|
|
<div class="ui-body-c"><div class="ui-body">
|
|
<h2>Demo description</h2>
|
|
<p>This tree starts as an unordered list. Content can be dropped into the list items (as it is here), pulled in through Ajax (as it is in the other nodes), or linked externally to navigate to a separate page. The tree is marked up with ARIA attrs and is keyboard accessible on the desktop.</p>
|
|
</div></div>
|
|
</li>
|
|
<li><a href="#">My Documents</a>
|
|
<ul>
|
|
<li><a href="sample-content/license.html">License</a></li>
|
|
<li class="hijax"><a href="sample-content/terms.html">Terms & Conditions</a></li>
|
|
<li class="hijax"><a href="sample-content/travel.html">Travel Ideas</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">My Poems</a>
|
|
<ul>
|
|
<li class="hijax"><a href="sample-content/lebowski.html">The Big Lebowski</a></li>
|
|
<li class="hijax"><a href="sample-content/planetearth.html">Planet Earth</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">My Documents</a>
|
|
<ul>
|
|
<li class="hijax"><a href="sample-content/license.html">License</a></li>
|
|
<li class="hijax"><a href="sample-content/terms.html">Terms & Conditions</a></li>
|
|
<li class="hijax"><a href="sample-content/travel.html">Travel Ideas</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">My Poems</a>
|
|
<ul>
|
|
<li class="hijax"><a href="sample-content/lebowski.html">The Big Lebowski</a></li>
|
|
<li class="hijax"><a href="sample-content/planetearth.html">Planet Earth</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">My Documents</a>
|
|
<ul>
|
|
<li class="hijax"><a href="sample-content/license.html">License</a></li>
|
|
<li class="hijax"><a href="sample-content/terms.html">Terms & Conditions</a></li>
|
|
<li class="hijax"><a href="sample-content/travel.html">Travel Ideas</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#">My Poems</a>
|
|
<ul>
|
|
<li class="hijax"><a href="sample-content/lebowski.html">The Big Lebowski</a></li>
|
|
<li class="hijax"><a href="sample-content/planetearth.html">Planet Earth</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
|
|
<p>Testing to make sure content flows inline after tree...</p>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |