【发布时间】：2013-05-15 11:49:22
【问题描述】：
已经在 jquery mobile 中创建了一个带有对话框页面的 mulipage 模板。要求是当我们单击其中一个图标时，它应该显示对话框，但问题是所有页面和对话框都在同一页面中可见一直没有触发任何事件。如果我遗漏了什么，请告诉我。
代码如下：
<!DOCTYPE html>
<html>
<head>
<title>Dialog</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="lib/jquery.mobile-1.3.1.min.css" />
<script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="lib/jquery.mobile-1.3.1.min.js"></script>
<script></script>
</head>
<body>
<div data-role="page" id="one">
<div data-role="content" align="bottom">
<p>
<a href="#dialog" data-rel="dialog" data-transition="pop">click for dialog</a>
</p>
</div>
</div>
<div data-role="page" id="dialog">
<div data-role="header" data-theme="e">
<h1>dialog.</h1>
</div>
<div data-role="header" data-theme="d">
<h1>This is dialog.</h1>
</div>
<div data-role="footer">
<h4>Footer</h4>
</div>
</div>
<div data-role="page" id="two">
<div data-role="header" data-theme="e">
<h1>page2</h1>
</div>
<div data-role="header" data-theme="d">
<h1>This is page2.</h1>
</div>
<div data-role="footer">
<h4>Footer</h4>
</div>
</div>
</body>
</html>
【问题讨论】：
标签： jquery jquery-mobile