我有一个像这样的jQuery Mobile弹出框(见下面的代码),需要在每个选项中添加一个对话框,提示"你确定吗?" 确定或取消:
(注意:我暂时删除了除第一个以外的所有选项以使代码更清晰)
<!--- Status, Suspend, Restore, Disconnect popup dialog box --->
<div data-role="popup" id="popupStatus" data-overlay-theme="a" data-theme="c"
style="max-width:500px;" class="ui-corner-all">
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
<div data-role="header" data-theme="a" class="ui-corner-top">
<h1>Status</h1>
</div>
<div data-role="content" data-theme="d"
class="ui-corner-bottom ui-content" data-backbtn="false">
<h3 class="ui-title">Choose an Action:</h3>
<a href="edit_ttStatus.cfm?id=<cfoutput>#rsTicketDetail.ttNum#</cfoutput>&id1=<cfoutput>#rsTicketDetail.sta#</cfoutput>" class="ui-corner-all" data-role="button" data-inline="false" data-transition="flow" data-theme="b">Change</a>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是Dialog的代码,但我不确定如何将它与上面的代码"集成":
<div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
<h3 class="ui-title">Are you sure?</h3>
<p>This action will ________ the ticket.</p>
<a href="#" class="ui-corner-all" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a>
<a …Run Code Online (Sandbox Code Playgroud)