2012-08-22 106 views
0

我正在使用Rails中的jQuery mobile。 我有這樣刪除jQuery Mobile中的確認提醒

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

我想在點擊刪除

請提出了一些解決方案添加一個警報確認的鏈接。 我已經嘗試data-rel="popup",但我沒有得到任何彈出

+0

我猜你想使用JQM的彈出,而不是常規的JavaScript'確認alert',你可以發表你的標記?另請注意,'popup'只在JQM 1.2 ** Alpha **中,而不在最新的穩定版本(1.2)中。 – Jack

+0

@Jack是jQM'popup只有我期待。 Delete useranon

回答

0

根據你的標記,我想你可能誤解了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")

0

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

將提供一個插件,可以幫助有確認彈出窗口

+0

的問題是如何,沒有哪一種工具 - 你可以考慮解釋這個插件是如何工作的 – kleopatra

+0

@kleopatra http://dev.jtsage.com/jQM-SimpleDialog/demos2/解釋插件是如何工作的 – RDD

+0

您可以編輯您回答與附加信息 - 雖然注意只有鏈接的答案是不鼓勵的,所以答案應該是搜索解決方案的終點(而另一個引用的中途停留時間往往會過時)。請考慮在此添加獨立的摘要,並將鏈接保留爲參考。 – kleopatra