【问题标题】:JQuery Mobile 1.4.5 Close DialogJQuery Mobile 1.4.5 关闭对话框
【发布时间】: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


【解决方案1】:

由于您的对话框是一个页面,您可以在点击处理程序中使用:$.mobile.back();

小提琴:http://jsfiddle.net/azmjwy4z/

【讨论】:

  • 正是我想要的!非常感谢:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-09-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-01-16
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多