Question

我正在使用Rails中的jQuery mobile。我有像

这样的链接

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

我正在尝试在点击删除时添加提醒确认

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

Answer 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")

Answer 2

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

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

在jQuery Mobile中删除确认警报

2 个答案: