Jquery Mobile : Is it possible to Open data-role="page" as Popup?
I want to open a new page as popup. I google it but not able to find answer.
Is Possible to do like that ??
Any Other Method to like that..I search all the Jquery mobile Doc. but not
able to find any thing.
Here is my Code::
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jquery Popup</title>
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script
src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<div data-role="page">
<h1> Jquery Open Page in PopUp Examples</h1>
<a href="#" id="open_popup" data-role="button" data-inline="true"
data-rel="popup" data-transition="pop" data-position-to="window">
Open Page in PopUp </a>
</div>
<div data-role="page">
<div data-role="Header">
<p>
PopUp
</p>
</div>
<div data-role="content">
<h2>
Content Page ??
</h2>
<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 data-rel="dialog" attribute.
</p>
</div>
<div data-role="Footer">
<a href="#" data-role="button" data-theme="b"
data-inline="true"> Sounds Good </a>
<a href="#foo" data-role="button" data-theme="c"
data-inline="true"> Cancel </a>
</div>
</div>
</body>
</html>
No comments:
Post a Comment