在 jQuery Mobile 中删除确认警报答案

【问题标题】：Delete Confirmation alert in jQuery Mobile在 jQuery Mobile 中删除确认警报
【发布时间】：2012-08-22 13:26:13
【问题描述】：

我正在 Rails 中开发 jQuery mobile。我有一个类似的链接

<a class="btn btn-info message-delete-action" data-link-url="/messages/{{id}}/delete" href="#">Delete</a>

我正在尝试在单击删除时添加警报确认

请提出一些解决方案。我试过data-rel="popup"，但我没有收到任何弹出窗口

【问题讨论】：

我猜你想使用 JQM 的弹出窗口而不是常规的 javascript confirm alert，你能发布你的标记吗？另请注意，popup 仅在 JQM 1.2 Alpha 中，而不在最新的稳定版本 (1.2) 中。
@Jack 是 jQM'popup 只有我期待。删除

标签： ruby-on-rails-3 jquery-mobile

【解决方案1】：

根据您的标记，我认为您可能误解了 JQM popup widget 的工作原理。它的工作方式首先需要为弹出窗口提供标记

类似这样的弹出标记（取自文档）

<div data-role="popup" id="deleteConfirm" 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>Delete Page?</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.</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>

然后在您的链接上，您需要引用弹出窗口的id，例如

<a href="#deleteConfirm" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop">Delete</a>

或者你也可以像$('#deleteConfirm').popup("open")这样以编程方式调用弹出窗口

【讨论】：

【解决方案2】：

http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog2.js

将提供一个有助于确认弹出窗口的插件

【讨论】：

问题是如何，而不是哪个工具 - 你可以考虑解释插件是如何工作的
@kleopatra dev.jtsage.com/jQM-SimpleDialog/demos2 解释了插件的工作原理
您可以使用附加信息编辑您的答案 - 但请注意，不鼓励仅链接答案，因此答案应该是搜索解决方案的终点（而不是参考的另一个中途停留），随着时间的推移往往会变得陈旧）。请考虑在此处添加独立的概要，并保留链接作为参考。