0

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

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

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

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

4

2 回答 2

0

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

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

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

于 2012-08-22T14:08:15.447 回答
0

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

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

于 2013-07-15T08:06:06.230 回答