Question

我有一个表单，在单击提交按钮时，表单数据通过ajax发送，相关消息可能是错误或显示已用php编写的服务器脚本的确认详细信息。现在一切都很好。但我想知道的是，在JS的帮助下显示的消息可以将其更改为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

试试这个;

将它放在您的<form>

上方的HTML中

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

现在把它放在你处理AJAX响应的地方

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

这里是docs

Jsfiddle（没有JQM - 但你明白了）

JQM动态弹出窗口

1 个答案: