ruby-on-rails-3 - jQuery Mobile の削除確認アラート

Question

RailsでjQueryモバイルに取り組んでいます。私はのようなリンクを持っています

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

削除をクリックしたときにアラート確認を追加しようとしています

いくつかの解決策を提案してください。試してみましdata-rel="popup"たが、ポップアップが表示されません

Answer 1

マークアップに基づいて、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")