Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/cmake/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails 3 删除jQuery Mobile中的确认警报_Ruby On Rails 3_Jquery Mobile - Fatal编程技术网

Ruby on rails 3 删除jQuery Mobile中的确认警报

Ruby on rails 3 删除jQuery Mobile中的确认警报,ruby-on-rails-3,jquery-mobile,Ruby On Rails 3,Jquery Mobile,我正在Rails中开发jQuery mobile。 我有一个像这样的链接 <a class="btn btn-info message-delete-action" data-link-url="/messages/{{id}}/delete" href="#">Delete</a> 我试图在单击“删除”时添加警报确认 请提出一些解决办法。 我试过使用data rel=“popup”,但根据您的标记,我没有收到任何弹出窗口,我想您可能误解了它的工作原理。它的工作方式

我正在Rails中开发jQuery mobile。 我有一个像这样的链接

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

我试图在单击“删除”时添加警报确认

请提出一些解决办法。
我试过使用
data rel=“popup”
,但根据您的标记,我没有收到任何弹出窗口,我想您可能误解了它的工作原理。它的工作方式首先需要为弹出窗口提供标记

类似这样的弹出标记(取自文档)

或者您也可以通过编程方式调用弹出窗口,如
$('#deleteConfirm')。弹出窗口(“open”)


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

我猜你想使用JQM的弹出窗口,而不是常规的javascript
确认警报
,你能发布你的标记吗?还要注意的是,
弹出窗口
仅在JQM 1.2 Alpha中,而不是在最新的稳定版本(1.2)中。@Jack Yes JQM'popup only我所期待的。问题是如何,不是什么工具——你可以考虑解释插件是什么working@kleopatra解释插件的工作原理您可以使用其他信息编辑您的答案-但请注意,不鼓励使用仅链接的答案,因此答案应该是搜索解决方案的终点(相对于另一个引用的停顿,它会随着时间的推移而变得陈旧)。请考虑在这里添加一个独立的概要,保持链接作为引用。
<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>
<a href="#deleteConfirm" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop">Delete</a>