jQueryMobile中实现弹出确认框的示例
2024.02.16 22:27 浏览量: 1简介: 在jQueryMobile中,我们可以使用原生的confirm对话框,也可以使用jQuery UI的dialog对话框,或者使用一些第三方的插件。这里,我将向你展示如何使用jQuery UI的dialog对话框来实现一个确认框。
在jQueryMobile中,弹出确认框可以通过多种方式实现。以下是使用jQuery UI的dialog对话框来实现的一个示例。首先,确保你的页面已经包含了jQuery和jQuery UI的库。
HTML部分:
<div data-role='page' id='page1'>
<div data-role='content'>
<a href='#' id='showConfirm'>点击我</a>
</div>
</div>
<div id='confirmBox' title='确认'>
<p>你确定要继续吗?</p>
<button id='confirmButton'>是</button>
<button id='cancelButton'>否</button>
</div>
JavaScript部分: