jquery mobile使用button关闭弹窗使用原生方法
时间: 2023-09-06 15:14:02 浏览: 167
对不起,我之前给出的答案有误。在jQuery Mobile中,没有直接的原生方法来关闭弹窗。但是你可以通过触发一个点击事件来模拟关闭弹窗的效果。以下是示例代码:
HTML:
```html
<div data-role="dialog" id="myDialog">
<div data-role="header">
<h1>弹窗标题</h1>
</div>
<div role="main" class="ui-content">
<p>这是弹窗内容。</p>
<button id="closeButton">关闭弹窗</button>
</div>
</div>
```
JavaScript:
```javascript
$(document).on("pagecreate", function() {
$("#myDialog").dialog({
autoOpen: false
});
$("#closeButton").on("click", function() {
$("#myDialog").dialog("close");
});
});
```
在上面的示例中,我们创建了一个带有关闭按钮的弹窗。当点击关闭按钮时,我们调用`dialog("close")`方法来关闭弹窗。请确保在页面创建事件触发后初始化和绑定事件。
这种方法是通过使用jQuery Mobile的`dialog`方法来实现的,而不是使用原生方法。但是它仍然是使用jQuery Mobile提供的功能来关闭弹窗。
阅读全文