JQuery Mobile 删除确认对话框
Posted
技术标签:
【中文标题】JQuery Mobile 删除确认对话框【英文标题】：JQuery Mobile Delete confirmation Dialog 【发布时间】：2014-02-16 21:13:20 【问题描述】：我是 jquery 的新手，并且真的很难设置确认对话框来删除某些项目。我可以查看弹出窗口，但是当我在弹出窗口上单击删除时，它不会重定向或加载新页面，而是停留在同一页面上。我使用的是 Jquery mobile 1.3.2 版本。
任何解决此问题的帮助都会非常有帮助。下面是我正在使用的示例代码。
<body>
<div data-role="page" class="type-interior">
<?php include "files/header2.php";?>
<div data-role="content" data-theme="d" >
<div class="content-primary">
<h2><img src="images/insert_table.gif" >Confirmation </h2>
<a href="#popupDialog" data-rel="popup" data-position-to="window" data-role="button" data-transition="pop" data-icon="delete" data-theme="b" data-mini="true">Delete</a>
<div data-role="popup" id="popupDialog" data-overlay-theme="b" data-theme="d" data-dismissible="false" style="max-width:400px;" class="ui-corner-all">
<div data-role="header" data-theme="a" class="ui-corner-top">
<h1>Delete Item ?</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 Item ?</h3>
<p>This action cannot be undone.</p>
<a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a>
<a href="del_confirm.php" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="b" rel="external">Delete</a>
</div>
</div>
</div><!--/content-primary -->
【问题讨论】：
弹出 div 应该是 page div 的 child。 【参考方案1】：首先关闭调用此代码的弹出窗口
$("#popupDialog").popup("close");
然后使用此代码更改页面
$.mobile.changePage('#id', transition: "slide"); //id means your redirection page id
最后使用 jquery remove() 函数删除项目
$("#id").remove();
如果你重定向空页面意味着使用 jquery mobile Dialog
愉快的编码......
【讨论】：
以上是关于JQuery Mobile 删除确认对话框的主要内容，如果未能解决你的问题，请参考以下文章
jQuery EasyUI弹出确认对话框(确认操作中.....)