【发布时间】：2015-07-31 03:13:26
【问题描述】：
我想在 jquery mobile 中通过 javascript 打开一个对话框，我尝试了几种方法但都失败了，我不知道出了什么问题。谁能帮我一个忙？
这是我的 jsfiddle 页面： http://jsfiddle.net/kK24p/15/
源代码如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>lune mobile</title>
<link rel="shortcut icon" href="images/logo16.png" />
<link rel="stylesheet" media="screen" href="css/jquery.mobile-1.4.5.css">
<link rel="stylesheet" media="screen" href="css/jquery.mobile.theme-1.4.5.min.css">
<script type='text/javascript' src="js/jquery-1.11.3.min.js"></script>
<script type='text/javascript' src="js/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" language="javascript">
function deleteRem() {
//$.mobile.changePage('#diaDelete', {transition: 'pop', role: 'dialog'});
//$.mobile.changePage( "#diaDelete", { role: "dialog" } );
//$.mobile.changePage('#diaDelete', 'pop', false, true);
//$("#diaDelete").popup();
//$("#diaDelete").popup('open');
$.mobile.pageContainer.pagecontainer("change", "#diaDelete", { transition: 'pop', role: "dialog" });
}
</script>
</head>
<body>
<div data-role="page">
<ul id="lstRem" data-role="listview" data-split-icon="gear" data-split-theme="a" data-inset="true">
<li id="">
<a href="javascript:void(0);" onclick="javascript:deleteRem();">
<h2>delete</h2>
</a>
</li>
</ul>
<div id="diaDelete" data-role="dialog" data-theme="a" data-overlay-theme="b" class="ui-content" style="max-width:340px; padding-bottom:2em;">
<h3>Alert</h3>
<p>Are you sure to delete</p>
<a href="index.html" data-rel="back" class="ui-shadow ui-btn ui-corner-all ui-icon-forbidden ui-btn-icon-left ui-btn-inline ui-mini">Cancel</a>
<a href="index.html" data-rel="back" class="ui-shadow ui-btn ui-corner-all ui-btn-b ui-icon-check ui-btn-icon-left ui-btn-inline ui-mini">Confirm</a>
</div>
</div><!-- /page -->
</body>
</html>【问题讨论】：
-
我尝试了一种使用弹出数据角色的方法，如下所示：。并使用此脚本打开它： $("#diaDelete").popup('open');我不知道为什么我不能使用对话框来实现这个？