mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-17 06:20:26 +00:00
27 lines
No EOL
959 B
HTML
27 lines
No EOL
959 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>jQuery Mobile Framework - Dialog Example</title>
|
|
<link rel="stylesheet" type="text/css" href="css/all" />
|
|
<script type="text/javascript" src="js/all"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div data-role="page">
|
|
<div data-role="header" data-theme="d">
|
|
<h1>Dialog Example</h1>
|
|
<a href="index.html" class="ui-back" data-icon="arrow-l">Home</a>
|
|
</div>
|
|
|
|
<div data-role="content" class=" ui-body ui-body-c">
|
|
<h1>Demo description</h1>
|
|
<p>This is a regular page, styled as a dialog! To create a dialog, just link to a normal page and include a transition and <code>data-rel="dialog"</code> attribute.</p>
|
|
<p>Try loading a taller page to see how the headers and footers work: <a href="_fixed.html" data-transition="pop" data-rel="dialog">Fixed Headers/Footers</a></p>
|
|
<a href="#" data-role="button" data-theme="a">Sounds good</a>
|
|
<a href="#" data-role="button">meh..</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html> |