javascript - JQM动态弹窗

Question

我有一个表单，点击提交按钮后，表单数据通过ajax发送，相关消息可能是错误，或者显示来自用php编写的服务器脚本的确认详细信息。目前一切都进展顺利。但我想知道的是，在 JS 的帮助下显示的消息 whcih 可以将其更改为 JQM 弹出窗口，因为我在设计中使用 JQM 1.4.2 。

弹出窗口

<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>

提前致谢

Answer 1

试试这个；

将其放入 HTML 中，位于 <form> 上方

<div id="formNotice"><img src="loading.gif" alt="Loading" /></div>

现在将其放在处理 AJAX 响应的位置

$("#formNotice").html(AJAXResponse);
$("#formNotice").popup("open");

这是docs

Jsfiddle (没有 JQM - 但你明白了)