Javascript JQM动态弹出窗口

Javascript JQM动态弹出窗口,javascript,php,jquery,ajax,jquery-mobile,Javascript,Php,Jquery,Ajax,Jquery Mobile,我有一个表单,在这个表单中,单击submit按钮,表单数据通过ajax发送,相关消息可能是错误,也可能是用php编写的服务器脚本中的确认详细信息。现在一切都很顺利。但我想知道的是,当我在设计中使用JQM 1.4.2时,在JS的帮助下显示的消息whcih是否可以将其更改为JQM弹出窗口 弹出窗口 <div data-role="popup" id="mDialog" data-overlay-theme="a" data-theme="c" style="max-width:400px;"

我有一个表单,在这个表单中,单击submit按钮,表单数据通过ajax发送,相关消息可能是错误,也可能是用php编写的服务器脚本中的确认详细信息。现在一切都很顺利。但我想知道的是,当我在设计中使用JQM 1.4.2时,在JS的帮助下显示的消息whcih是否可以将其更改为JQM弹出窗口

弹出窗口

<div data-role="popup" id="mDialog" data-overlay-theme="a" data-theme="c" style="max-width:400px;" class="ui-corner-all">
                <div data-role="header" data-theme="a" class="ui-corner-top">
                  <h1>Attention!!</h1>
                </div>
                <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
                  <h3 class="ui-title">{Are you sure you want to delete this page?</h3>
                  <p>This action cannot be undone.}  <?php if($this->error->description!='')echo trim($this->error->description)?> </p>
                  <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a>    
                  <a href="#" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b">Delete</a>  
                </div>
            </div>

注意!!
{确实要删除此页吗?
此操作无法撤消。}

提前感谢

试试这个

把它放在你的HTML中,在你的

这是我的建议


(没有JQM-但你明白了)

在显示错误之前,我应该怎么做才能添加加载图像?谢谢兄弟,我在我的桌面版本中一直在做类似的事情,当你单击提交时,我正在用Jquery加载图像。我还试图让这个弹出窗口看起来像一个页面,有两个按钮可以返回或删除。。我在脚本错误中遇到了一个错误:在初始化之前无法在弹出窗口上调用方法;试图调用方法“open”,我不确定“返回或删除”是什么意思:/用脚本更新了我的问题,出现了错误,因为我没有初始化div,因为使用$(“#mDialog”)解决了弹出问题。popup();$(“#mDialog”)。弹出(“打开”);
<div id="formNotice"><img src="loading.gif" alt="Loading" /></div>
$("#formNotice").html(AJAXResponse);
$("#formNotice").popup("open");