javascript - JQM动态弹出窗口

我有一个表单，在其中单击“提交”按钮时，表单数据通过ajax发送，相关消息可能是错误，或者显示了已用php编写的服务器脚本的确认详细信息。目前，一切正常。但是我想知道的是，在JS的帮助下显示的消息可以在我使用JQM 1.4.2进行设计时将其更改为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中<form>上方

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

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

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

这是docs

Jsfiddle（没有JQM，但您知道了）

关于javascript - JQM动态弹出窗口，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23538652/