【发布时间】:2016-12-06 16:26:41
【问题描述】:
如何使用代码关闭 JQuery Mobile 对话框?
我正在使用 JQuery Mobile 1.4.5,并创建了一个带有提交按钮的对话框,如下所示:
<div data-role="page" data-dialog="true" id="settings" data-close-btn="right">
<!-- All content in here -->
<input type="submit" id="btnSaveDefault" data-role="button" data-icon="check" value="Save" />
</div>
我的按钮有一个 JavaScript 函数:
$("#btnSaveDefault").click(function() {
// Need a close dialog function here
});
任何帮助将不胜感激,干杯。
【问题讨论】:
-
通常你会使用
$("#settings").dialog("close");,但不知何故,当我使用你的 html 时会出错。 -
是的,我也经历过:/
-
可能是因为你的Dialog同时也是你的Page
-
是的,但这似乎是在最新的 JQuery Mobile 版本中创建对话框的方式:/ 与
data-role="dialog"方法相比,这种方式看起来好多了。 -
您可能需要考虑使用弹出窗口小部件而不是设置为对话框的页面。
标签: jquery jquery-mobile dialog