我有一个表单,点击提交按钮后,表单数据通过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>
提前致谢
最佳答案
试试这个;
将其放入 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/